match breakpoints on artist in residence layout
This commit is contained in:
@ -21,7 +21,7 @@
|
|||||||
grid-template-columns: auto 45%;
|
grid-template-columns: auto 45%;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1050px) {
|
@media (max-width: 950px) {
|
||||||
.artist:nth-child(n) {
|
.artist:nth-child(n) {
|
||||||
grid-template:
|
grid-template:
|
||||||
'imgs'
|
'imgs'
|
||||||
@ -41,7 +41,7 @@
|
|||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1050px) {
|
@media (max-width: 950px) {
|
||||||
.artist img {
|
.artist img {
|
||||||
border-radius: 1rem 1rem 0 0;
|
border-radius: 1rem 1rem 0 0;
|
||||||
border-bottom: .25rem solid var(--color-accent);
|
border-bottom: .25rem solid var(--color-accent);
|
||||||
@ -83,13 +83,10 @@
|
|||||||
margin-right: 1.75rem;
|
margin-right: 1.75rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 750px) {
|
@media (max-width: 950px) {
|
||||||
.artist:nth-child(odd) .description {
|
.artist:nth-child(odd) .description,
|
||||||
margin-left: .875rem;
|
|
||||||
}
|
|
||||||
|
|
||||||
.artist:nth-child(even) .description {
|
.artist:nth-child(even) .description {
|
||||||
margin-right: .875rem;
|
margin: 0;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -170,7 +170,7 @@ main li:not(:last-child) {
|
|||||||
place-self: start center;
|
place-self: start center;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 750px) {
|
@media (max-width: 950px) {
|
||||||
.two-col {
|
.two-col {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user