src/components/note-list/note-list.module.css
.container {
display: grid;
gap: 20px 20px;
grid-template-columns: repeat(auto-fill, minmax(325px, 1fr));
grid-auto-rows: 280px;
}
@media (max-width: 1439px) {
.container {
grid-template-columns: repeat(auto-fill, minmax(412px, 1fr));
grid-auto-rows: 364px;
gap: 40px;
}
}
@media (max-width: 1023px) {
.container {
grid-template-columns: repeat(auto-fill, minmax(278px, 1fr));
grid-auto-rows: 260px;
gap: 20px;
}
}