diff --git a/restaurant_website/index.html b/restaurant_website/index.html index 609e03d..d7ba102 100644 --- a/restaurant_website/index.html +++ b/restaurant_website/index.html @@ -27,7 +27,7 @@
Tempura fried shrimp, corn, Creole butter, arare.
$16.99
+$12.99
Cold soba noodles dipped in Tsuyu sauce.
+8 pcs fresh tuna.
$7.99
+$9.99
diff --git a/restaurant_website/menu.css b/restaurant_website/menu.css index 60be2e3..cf62aef 100644 --- a/restaurant_website/menu.css +++ b/restaurant_website/menu.css @@ -41,7 +41,7 @@ html{ } .menu-group{ display: grid; - grid-template-columns: 1fr; + grid-template-columns: repeat(2, 1fr); gap: 1.5rem; padding: 1.5rem 0; } @@ -63,6 +63,31 @@ html{ line-height: 1.6; } +@media(max-width:1100px){ + html{ + font-size: 80%; + } +} +@media(max-width:800px){ + html{ + font-size: 70%; + } +} +@media(max-width:650px){ + html{ + font-size: 60%; + } +} +@media(max-width:500px){ + html{ + font-size: 60%; + } + .menu-group{ + grid-template-columns: 1fr; + + } +} + diff --git a/restaurant_website/menu.html b/restaurant_website/menu.html index 2488e12..f40d0e1 100644 --- a/restaurant_website/menu.html +++ b/restaurant_website/menu.html @@ -3,7 +3,7 @@
-
+
@@ -17,33 +17,32 @@
diff --git a/restaurant_website/style.css b/restaurant_website/style.css index 6ec51df..3eb9344 100644 --- a/restaurant_website/style.css +++ b/restaurant_website/style.css @@ -497,9 +497,7 @@ label{ .contact .call, .email, .address{ color: var(--main-color); } -/*--------------------------------------------------------------------------------------------------------------------------*/ - - +/*-------------------------------------------------end of index page-------------------------------------------------------------------------*/ @media(max-width:1100px){ html{ font-size: 80%;