Skip to content

Commit fd751d9

Browse files
Rosander0Rosander0
committed
Finally!!!! done
1 parent 463dee1 commit fd751d9

2 files changed

Lines changed: 102 additions & 48 deletions

File tree

‎module2_solution/index.html‎

Lines changed: 11 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -9,12 +9,9 @@
99
<div class="row">
1010
<h1> Our Menu</h1>
1111

12-
<div class="col-lg-4">
12+
<div class="col-lg-4 col-md-6">
1313
<h2>Appetizers</h2>
1414

15-
<h3 class="NAME">Bruschetta</h3>
16-
<p class="DESC">Toasted bread topped with fresh tomatoes, basil, and balsamic glaze</p>
17-
1815
<h3 class="NAME">Stuffed Mushrooms</h3>
1916
<p class="DESC">Mushrooms stuffed with a mixture of cheese, herbs, and breadcrumbs</p>
2017

@@ -26,15 +23,9 @@ <h3 class="NAME">Manchurian Balls</h3>
2623

2724
<h3 class="NAME">Paneer Tikka Skewers</h3>
2825
<p class="DESC">Grilled paneer skewers marinated in spices, served with mint chutney</p>
29-
30-
<h3 class="NAME">Indian Chicken Keema Sliders</h3>
31-
<p class="DESC">Mini sliders made with spiced minced chicken, served with mint chutney</p>
32-
33-
<h3 class="NAME">Butter Chicken Pani Puri</h3>
34-
<p class="DESC">Mini puris filled with butter chicken gravy and topped with crispy onions</p>
3526
</div>
3627

37-
<div class="col-lg-4">
28+
<div class="col-lg-4 col-md-6">
3829
<h2>Soups</h2>
3930

4031
<h3 class="NAME">Tomato Soup</h3>
@@ -48,15 +39,10 @@ <h3 class="NAME">Manchow Soup</h3>
4839

4940
<h3 class="NAME">Sweet Corn Vegetable Soup</h3>
5041
<p class="DESC">Sweet corn soup with mixed vegetables and a hint of pepper</p>
51-
52-
<h3 class="NAME">Chicken Noodle Soup</h3>
53-
<p class="DESC">Hearty chicken soup with noodles, vegetables, and herbs</p>
54-
55-
<h3 class="NAME">Paya Soup</h3>
56-
<p class="DESC">Traditional slow-cooked soup made with goat or lamb trotters, spices, and herbs</p>
5742
</div>
5843

59-
<div class="col-lg-4">
44+
45+
<div class="col-lg-4 col-md-6">
6046
<h2>Salads</h2>
6147

6248
<h3 class="NAME">Caesar Salad</h3>
@@ -75,7 +61,7 @@ <h3 class="NAME">Fresh Fruit Salad</h3>
7561
<p class="DESC">Seasonal fruits tossed with a light honey dressing</p>
7662
</div>
7763

78-
<div class="col-lg-4">
64+
<div class="col-lg-4 col-md-6">
7965
<h2>Main Course</h2>
8066

8167
<h3 class="NAME" >Paneer Tikka Masala</h3>
@@ -97,29 +83,9 @@ <h3 class="NAME">Dal Makhani</h3>
9783
<h3 class="NAME">Bhindi Masala</h3>
9884
<p class="DESC">Stir-fried okra with spices</p>
9985
<p class="DESC">Served with 2 Garlic naan or 3 Plain buttered roti</p>
100-
101-
<h3 class="NAME">Fried Chicken</h3>
102-
<p class="DESC">Juicy fried chicken served with a side of coleslaw and cornbread</p>
103-
<p class="DESC">Drink&nbsp;&nbsp;:-&nbsp;&nbsp;Sweet Tea, Iced Lemon Tea, Sparkling Water</p>
104-
105-
<h3 class="NAME">Beef Wellington</h3>
106-
<p class="DESC">Beef tenderloin coated with mushroom duxelles and wrapped in puff pastry</p>
107-
<p class="DESC">Served with red wine sauce</p>
108-
<p class="DESC">Drink&nbsp;&nbsp;:-&nbsp;&nbsp;Red Wine, Cranberry juice, Club Soda with Citrus</p>
109-
<h3 class="NAME">Chicken Biryani</h3>
110-
<p class="DESC">Fragrant basmati rice cooked with tender chicken pieces and aromatic spices</p>
111-
<p class="DESC">Served with raita</p>
112-
113-
<h3 class="NAME">Butter Chicken(Murgh Masala)</h3>
114-
<p class="DESC">Chicken cooked in a rich and creamy tomato sauce</p>
115-
<p class="DESC">Served with 2 Garlic naan or 3 Plain buttered roti or 3 buttered pav(bread rolls)</p>
116-
117-
<h3 class="NAME">Mutton and Egg Biryani</h3>
118-
<p class="DESC">Fragrant basmati rice cooked with tender mutton pieces and boiled eggs</p>
119-
<p class="DESC">Served with raita</p>
12086
</div>
12187

122-
<div class="col-lg-4">
88+
<div class="col-lg-4 col-md-6">
12389
<h2>Desserts</h2>
12490

12591
<h3 class="NAME">Gulab Jamun</h3>
@@ -138,10 +104,11 @@ <h3 class="NAME">Sweet Fruit Salad</h3>
138104
<p class="DESC">Mix of fresh seasonal fruits tossed in a creamy or syrupy dressing</p>
139105

140106
<h3 class="NAME">Donuts</h3>
141-
<p class="DESC">Soft and fluffy donuts coated with sugar or glazed with icing</p>
107+
<p class="DESC">Soft and fluffy donuts with a variety of toppings</p>
108+
142109
</div>
143110

144-
<div class="col-lg-4">
111+
<div class="col-lg-4 col-md-6">
145112
<h2>Drinks</h2>
146113

147114
<h3 class="NAME">Soft Drinks</h3>
@@ -160,7 +127,8 @@ <h3 class="NAME">Lassi</h3>
160127
<p class="DESC">Rose, Mango, Strawberry</p>
161128

162129
<h3 class="NAME">Mocktails</h3>
163-
<p class="DESC"> Virgin Mojito, Pina Colada, Blue Lagoon, Shirley Temple</p>
130+
<p class="DESC">Virgin Mojito, Pina Colada, Blue Lagoon, Shirley Temple</p>
131+
164132
</div>
165133
</div>
166134
</body>

‎module2_solution/styles.css‎

Lines changed: 91 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -16,15 +16,20 @@ hr {
1616
margin: 5px auto;
1717
}
1818

19+
h2 {
20+
margin-left: 445px;
21+
border: 0.25px solid black;
22+
width: 25%;
23+
}
24+
1925
h1 {
2026
margin: 5px auto;
2127
padding: 5px;
2228
}
2329

24-
div .col-lg-4{
30+
div.col-lg-4{
2531
border: 1px solid black;
26-
width: 55%;
27-
margin-left: 22%;
32+
width: 600px;
2833
}
2934

3035
.row {
@@ -41,6 +46,7 @@ div .col-lg-4{
4146
font-style: italic;
4247
}
4348

49+
/* only large devices */
4450
@media (min-width: 992px) {
4551
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
4652
float: left;
@@ -88,10 +94,90 @@ div .col-lg-4{
8894

8995

9096

91-
97+
/* only medium devices */
9298
@media (min-width: 768px) and (max-width: 991px) {
99+
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
100+
float: left;
101+
border: 1px solid blue;
102+
}
103+
.col-md-1 {
104+
width: 8.33333333%;
105+
}
106+
.col-md-2 {
107+
width: 16.66666667%;
108+
}
109+
.col-md-3 {
110+
width: 25%;
111+
}
112+
.col-md-4 {
113+
width: 33.33333333%;
114+
}
115+
.col-md-5 {
116+
width: 41.66666667%;
117+
}
118+
.col-md-6 {
119+
width: 50%;
120+
}
121+
.col-md-7 {
122+
width: 58.33333333%;
123+
}
124+
.col-md-8 {
125+
width: 66.66666667%;
126+
}
127+
.col-md-9 {
128+
width: 75%;
129+
}
130+
.col-md-10 {
131+
width: 83.33333333%;
132+
}
133+
.col-md-11 {
134+
width: 91.66666667%;
135+
}
136+
.col-md-12 {
137+
width: 100%;
138+
}
93139
}
94140

95-
141+
/* only small devices */
96142
@media (max-width: 767px) {
143+
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
144+
float: left;
145+
border: 1px solid red;
146+
}
147+
.col-xs-1 {
148+
width: 8.33333333%;
149+
}
150+
.col-xs-2 {
151+
width: 16.66666667%;
152+
}
153+
.col-xs-3 {
154+
width: 25%;
155+
}
156+
.col-xs-4 {
157+
width: 33.33333333%;
158+
}
159+
.col-xs-5 {
160+
width: 41.66666667%;
161+
}
162+
.col-xs-6 {
163+
width: 50%;
164+
}
165+
.col-xs-7 {
166+
width: 58.33333333%;
167+
}
168+
.col-xs-8 {
169+
width: 66.66666667%;
170+
}
171+
.col-xs-9 {
172+
width: 75%;
173+
}
174+
.col-xs-10 {
175+
width: 83.33333333%;
176+
}
177+
.col-xs-11 {
178+
width: 91.66666667%;
179+
}
180+
.col-xs-12 {
181+
width: 100%;
182+
}
97183
}

0 commit comments

Comments
 (0)