.new {
direction:rtl; display: grid;
padding: 10px;
grid-gap: 20px 10px;
}
.each {
font-family: Tajawal,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight: 600;
}
.info {
font-family: Tajawal,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight: 600;
}
.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 ';
}
}
كل حصة غذائية تحتوي على:
سعرات
11
0.5%
بروتين
0.1جم
0.1%
كربوهيدرات
1.4جم
1%
سكريات
0جم
0%
الدهون
0.6جم
0.8%
دُهن مشبع
0.2جم
1%
الحصة اليومية % تنبئ عن نسبة المغذيات لحصة الطعام للشخص البالغ
ارشادات الاستخدام:
التحذيرات و الاحتياطات:
المعلومات الغذائية:
حقائق غذائية | |
---|---|
حجم الحصة الغذائية: 2.3 جم | |
الحصص بكل عبوة: 52 | |
القيم الغذائية | الكمية لكل 100جم |
الطاقة | 467 كيلو كالورى |
الدهون | 25 جم |
الكربوهيدرات | 62 جم |
الالياف | 24 جم |
السكر | < 0.5 جم |
البروتين | 6.5 جم |
المكونات:
تفاصيل المنتج:
وصف المنتج:
كل حصة غذائية تحتوي على:
سعرات
11
0.5%
بروتين
0.1جم
0.1%
كربوهيدرات
1.4جم
1%
سكريات
0جم
0%
الدهون
0.6جم
0.8%
دُهن مشبع
0.2جم
1%
الحصة اليومية % تنبئ عن نسبة المغذيات لحصة الطعام للشخص البالغ
ارشادات الاستخدام:
التحذيرات و الاحتياطات:
المعلومات الغذائية:
حقائق غذائية | |
---|---|
حجم الحصة الغذائية: 2.3 جم | |
الحصص بكل عبوة: 52 | |
القيم الغذائية | الكمية لكل 100جم |
الطاقة | 467 كيلو كالورى |
الدهون | 25 جم |
الكربوهيدرات | 62 جم |
الالياف | 24 جم |
السكر | < 0.5 جم |
البروتين | 6.5 جم |
المكونات:
تفاصيل المنتج: