zepp
/
alternate.thiscat.rocks
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Adjust figure element to flex display

This commit is contained in:
emma 2024-10-28 18:56:53 -04:00
parent 91feafd5a0
commit dc688be139
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
style/style.css
View File

@ -35,20 +35,23 @@ p {
} }
.window-pane { .window-pane {
display: grid; display: flex;
grid-template-columns: 1fr 1fr 1fr 1fr; flex-wrap: wrap;
grid-template-rows: 12.5rem 12.5rem 12.5rem; justify-content: space-evenly;
justify-items: center; align-content: flex-start;
align-items: baseline; align-items: baseline;
gap: 12px; gap: 1rem;
} }
.window { .window {
margin: 1rem 0 1rem 2rem; margin: 1rem 0 1rem 2rem;
} }
.img-icon { figure {
padding-left: 1.25rem; display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
} }
.clickable-image:hover { .clickable-image:hover {