diff --git a/assets/styles/artist-market.css b/assets/styles/artist-market.css index f68fa2c..8dc7e8d 100644 --- a/assets/styles/artist-market.css +++ b/assets/styles/artist-market.css @@ -21,7 +21,7 @@ grid-template-columns: auto 45%; } -@media (max-width: 1050px) { +@media (max-width: 950px) { .artist:nth-child(n) { grid-template: 'imgs' @@ -41,7 +41,7 @@ border-radius: 1rem; } -@media (max-width: 1050px) { +@media (max-width: 950px) { .artist img { border-radius: 1rem 1rem 0 0; border-bottom: .25rem solid var(--color-accent); @@ -83,13 +83,10 @@ margin-right: 1.75rem; } -@media (max-width: 750px) { - .artist:nth-child(odd) .description { - margin-left: .875rem; - } - +@media (max-width: 950px) { + .artist:nth-child(odd) .description, .artist:nth-child(even) .description { - margin-right: .875rem; + margin: 0; } } diff --git a/assets/styles/main.css b/assets/styles/main.css index bf0e203..9dd52c6 100644 --- a/assets/styles/main.css +++ b/assets/styles/main.css @@ -170,7 +170,7 @@ main li:not(:last-child) { place-self: start center; } -@media (max-width: 750px) { +@media (max-width: 950px) { .two-col { grid-template-columns: 1fr; }