.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.
140
7%
Protein
1g
1.7%
Carb.
18g
6%
Sugar
2g
5.5%
Fat
7g
10%
Sat.
2g
10%
% of adult reference intake
Caution & Warnings:
Nutritional Facts | |
---|---|
Serving Size: 28 gm (14 chips) | |
Servings Per Container: 2.5 | |
Nutritional Values | Amount Per Serving |
Total fat | 7 g |
Saturated fat | 2 g |
Trans fat | 0 g |
Cholesterol | 0 mg |
Sodium | 65 mg |
Total carbohydrate | 18 g |
Dietary Fiber | 2 g |
Sugars | 2 g |
Protein | 1 g |
Ingredients:
Product Details:
Product Description:
How To Use:
Each serving contains:
Cal.
140
7%
Protein
1g
1.7%
Carb.
18g
6%
Sugar
2g
5.5%
Fat
7g
10%
Sat.
2g
10%
% of adult reference intake
Caution & Warnings:
Nutritional Facts | |
---|---|
Serving Size: 28 gm (14 chips) | |
Servings Per Container: 2.5 | |
Nutritional Values | Amount Per Serving |
Total fat | 7 g |
Saturated fat | 2 g |
Trans fat | 0 g |
Cholesterol | 0 mg |
Sodium | 65 mg |
Total carbohydrate | 18 g |
Dietary Fiber | 2 g |
Sugars | 2 g |
Protein | 1 g |
Ingredients:
Product Details: