tanner/personal-site
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

refactor: Use inline-block for creations grid layout

Browse Source
This commit is contained in:
Tanner Collin (aider) 2025-06-23 12:56:51 -06:00
parent 52983eb698
commit cb8b17f5f4
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
themes/theme/templates/style.css
View File

@ -36,8 +36,9 @@
} }
.index .creations { .index .creations {
display: flex; /* Removed display: flex; and flex-wrap: wrap; */
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 { .index .creations .creation a {
@ -45,9 +46,9 @@
} }
.creation > a { .creation > a {
display: flex; display: inline-block; /* Changed from flex to inline-block */
flex-direction: column; vertical-align: top; /* Align items at the top */
align-items: center; /* Removed flex-direction and align-items as they are flex properties */
margin: 1rem; margin: 1rem;
margin-bottom: 1.5rem; margin-bottom: 1.5rem;