diff --git a/styles/style.css b/styles/style.css index a4d37e4..4dfa45b 100644 --- a/styles/style.css +++ b/styles/style.css @@ -134,11 +134,12 @@ body { } .menuitem { + display: inline-block; + width: 100%; background-color: #2256aa; text-decoration: none; color: #f6f5f4; border: none; - border-radius: 18px; font-size: 16px; font-weight: bold; padding: 3px; @@ -149,6 +150,16 @@ body { cursor: pointer; } +@media only screen and (min-width: 600px) { + .menuitem { + min-width: 10%; + max-width: 40%; + margin: auto; + border-radius: 18px; + font-size: 20px; + } +} + .menuitem:hover { background-color: #112b55; }