make the grid responsive

This commit is contained in:
conanak99 2023-02-27 22:26:19 +08:00
parent b4fa7dcefc
commit 44fd6bce34

View File

@ -10,7 +10,7 @@ def generate_html():
.character-gallery { .character-gallery {
margin: 1rem 0; margin: 1rem 0;
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, minmax(150px, 1fr));
grid-column-gap: 0.4rem; grid-column-gap: 0.4rem;
grid-row-gap: 1.2rem; grid-row-gap: 1.2rem;
} }