diff --git a/assets/styles/artist-market.css b/assets/styles/artist-market.css index 059ee50..f2081e9 100644 --- a/assets/styles/artist-market.css +++ b/assets/styles/artist-market.css @@ -41,9 +41,17 @@ border-radius: 1rem; } +@media (max-width: 1050px) { + .artist img { + border-radius: 1rem 1rem 0 0; + border-bottom: .25rem solid var(--color-accent); + } +} + .artist h3 { grid-area: h3; text-transform: uppercase; + line-height: 2rem; } .artist:nth-child(odd) h3 { @@ -55,6 +63,12 @@ text-align: right; } +@media (max-width: 1050px) { + .artist:nth-child(n) h3 { + padding: 0; + } +} + .description { grid-area: desc; background-color: var(--color-bg-alt); @@ -70,10 +84,6 @@ } @media (max-width: 1050px) { - .artist:nth-child(n) h3 { - padding: 1rem 0 0; - } - .artist:nth-child(odd) .description { margin-left: .625rem; } diff --git a/assets/styles/artist-resident.css b/assets/styles/artist-resident.css index c81d34e..caea172 100644 --- a/assets/styles/artist-resident.css +++ b/assets/styles/artist-resident.css @@ -37,7 +37,7 @@ @media (max-width: 1050px) { .resident img { border-radius: 1rem 1rem 0 0; - border-bottom: solid var(--color-accent); + border-bottom: .25rem solid var(--color-accent); } .resident .bio { diff --git a/assets/styles/directory.css b/assets/styles/directory.css index c301199..77e9e64 100644 --- a/assets/styles/directory.css +++ b/assets/styles/directory.css @@ -3,6 +3,7 @@ flex-flow: row wrap; grid-template-columns: repeat(2, 1fr); gap: 3rem; + margin: 0 .5rem; } @media (max-width: 850px) {