25 lines
479 B
CSS
25 lines
479 B
CSS
|
.home-latest {
|
||
|
|
display: grid;
|
||
|
|
gap: 1ch;
|
||
|
|
grid-column: main-start / main-end;
|
||
|
|
grid-template-columns: 1fr 1fr;
|
||
|
|
grid-template-rows: min-content min-content;
|
||
|
|
grid-template-areas:
|
||
|
|
"blog1 photo"
|
||
|
|
"blog2 photo";
|
||
|
|
|
||
|
|
.home-latest__blog:nth-of-type(1) {
|
||
|
|
grid-area: blog1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.home-latest__blog:nth-of-type(2) {
|
||
|
|
grid-area: blog2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.home-latest__photo {
|
||
|
|
border-left: 2px dashed var(--gray6);
|
||
|
|
padding-inline-start: 1ch;
|
||
|
|
grid-area: photo;
|
||
|
|
}
|
||
|
|
}
|