refactor: Use inline-block for creations grid layout

This commit is contained in:
Tanner Collin (aider) 2025-06-23 12:56:51 -06:00
parent 52983eb698
commit cb8b17f5f4

View File

@ -36,8 +36,9 @@
}
.index .creations {
display: flex;
flex-wrap: wrap;
/* Removed display: flex; and flex-wrap: wrap; */
/* The container will now rely on the flow of inline-block children */
text-align: center; /* Optional: to center the grid if it doesn't fill the width */
}
.index .creations .creation a {
@ -45,9 +46,9 @@
}
.creation > a {
display: flex;
flex-direction: column;
align-items: center;
display: inline-block; /* Changed from flex to inline-block */
vertical-align: top; /* Align items at the top */
/* Removed flex-direction and align-items as they are flex properties */
margin: 1rem;
margin-bottom: 1.5rem;