diff --git a/style.css b/style.css index 0e40184..5191378 100644 --- a/style.css +++ b/style.css @@ -149,57 +149,16 @@ h1 { } /* For tablet screens */ -@media only screen and (min-width: 750px) and (max-width: 1366px) { +@media only screen and (max-width: 1366px) { .middle-large { grid-area: middle; width: 90vw; max-width: 35cm; } - .itemcard { - display: grid; - border-radius: 12px; - text-decoration: none; - height: 3cm; - transition-duration: 0.2s; - box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13); - } - - .itemcard-stealth { - display: grid; - border-radius: 12px; - text-decoration: none; - height: 3cm; - transition-duration: 0.2s; - } - h1 { - margin-top: 3vh; - } } /* For phone screens */ @media only screen and (max-width: 750px) { - .middle-large { - grid-area: middle; - width: 90vw; - max-width: 35cm; - } - - .itemcard { - display: grid; - border-radius: 12px; - text-decoration: none; - height: 3cm; - transition-duration: 0.2s; - box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.13); - } - - .itemcard-stealth { - display: grid; - border-radius: 12px; - text-decoration: none; - height: 3cm; - transition-duration: 0.2s; - } h1 { margin-top: 8vh; }