25 lines
370 B
CSS
25 lines
370 B
CSS
.mb-2 {
|
|
margin-bottom: 2rem;
|
|
}
|
|
|
|
.posts {
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
grid-template-rows: 1fr;
|
|
grid-column-gap: 2rem;
|
|
grid-row-gap: 2rem;
|
|
}
|
|
.posts > div {
|
|
width: 100%;
|
|
}
|
|
.post-card > img {
|
|
width: 100%;
|
|
object-fit: cover;
|
|
object-position: center;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.posts {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
}
|
|
} |