.new {
display: grid;
padding: 10px;
grid-gap: 20px 50px;
}
.ntext {
display: flex;
flex-direction: column;
align-items: center;
line-height: 2em;
font-size: 1.5em;
flex-basis: 40%;
margin-bottom: 10%;
}
.NutTitle {
font-weight: 600;
color: #50555E;
}
.NutValue {
font-weight: 600;
color: #50555E;
}
.g {
font-size: smaller;
}
.NutRDA {
font-weight: 900;
color: #50555E;
}
.each {
grid-area: thetext;
}
.a1 {
background: url(https://ecombe.nahdionline.com/media/NutritionFacts/1a.png);
background-size: 100% 100%;
background-repeat: no-repeat;
grid-area: a1;
}
.a2 {
background: url(https://ecombe.nahdionline.com/media/NutritionFacts/2a.png);
background-size: 100% 100%;
background-repeat: no-repeat;
grid-area: a2;
}
.a3 {
background: url(https://ecombe.nahdionline.com/media/NutritionFacts/3a.png);
background-size: 100% 100%;
background-repeat: no-repeat;
grid-area: a3;
}
.a4 {
background: url(https://ecombe.nahdionline.com/media/NutritionFacts/4a.png);
background-size: 100% 100%;
background-repeat: no-repeat;
grid-area: a4;
}
.a5 {
background: url(https://ecombe.nahdionline.com/media/NutritionFacts/5a.png);
background-size: 100% 100%;
background-repeat: no-repeat;
grid-area: a5;
}
.a6 {
background: url(https://ecombe.nahdionline.com/media/NutritionFacts/6a.png);
background-size: 100% 100%;
background-repeat: no-repeat;
grid-area: a6;
}
.info {
grid-area: info;
}
.serve {
Font-weight: 600;
}
@media (max-width: 600px) {
.new {
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-areas:
'thetext thetext '
'a1 a2 '
'a3 a4 '
'a5 a6'
'info info ';
}
}
@media (min-width: 601px) and (max-width: 768px){
.new {
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-areas:
'thetext thetext thetext'
'a1 a2 a3 '
'a4 a5 a6 '
'info info info ';
}
}
@media (min-width: 769px) and (max-width: 1199px){
.new {
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-template-areas:
'thetext thetext thetext thetext '
'a1 a2 a3 a4'
'. a5 a6 .'
'info info info info ';
}
}
@media (min-width: 1200px) {
.new {
grid-template-columns: repeat(6, minmax(0, 1fr));
grid-template-areas:
'thetext thetext thetext thetext thetext thetext '
'a1 a2 a3 a4 a5 a6'
'info info info info info info ';
}
}
Each serving contains:
Cal.
186
9.3%
Protein
9.3g
16.6%
Carb.
22g
16.9%
Sugar
5.8g
16.1%
Fat
6.8g
9.7%
Sat.
0.52g
2.6%
% of adult reference intake
‘Free-From’ Information:
How to use:
Caution & Warnings:
Nutritional Facts | ||
---|---|---|
Serving Size: 200 ml | ||
Servings Per Container: 1 | ||
Typical Values | Per 100ml | Per 200ml |
Energy (KJ) | 391 | 783 |
Energy (kcal) | 93 | 186 |
Protein (nitrogen) (g) | 4.65 (0.73) | 9.3 |
Carbohydrate (g) | 11.09 | 22 |
of which sugars (g) | 3.0 | 5.8 |
Fat (g) | 3.38 | 6.8 |
of which saturates (g) | 0.28 | 0.52 |
Fibre g | 1.18 | 2.34 |
of which FOS*(g) | 0.42 | 0.84 |
Ingredients:
Product Details:
Product Description:
Product Features:
Each serving contains:
Cal.
186
9.3%
Protein
9.3g
16.6%
Carb.
22g
16.9%
Sugar
5.8g
16.1%
Fat
6.8g
9.7%
Sat.
0.52g
2.6%
% of adult reference intake
‘Free-From’ Information:
How to use:
Caution & Warnings:
Nutritional Facts | ||
---|---|---|
Serving Size: 200 ml | ||
Servings Per Container: 1 | ||
Typical Values | Per 100ml | Per 200ml |
Energy (KJ) | 391 | 783 |
Energy (kcal) | 93 | 186 |
Protein (nitrogen) (g) | 4.65 (0.73) | 9.3 |
Carbohydrate (g) | 11.09 | 22 |
of which sugars (g) | 3.0 | 5.8 |
Fat (g) | 3.38 | 6.8 |
of which saturates (g) | 0.28 | 0.52 |
Fibre g | 1.18 | 2.34 |
of which FOS*(g) | 0.42 | 0.84 |
Ingredients:
Product Details: