wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Issues Pull requests Activity Actions

fix: update mobile styles

Browse source
This commit is contained in:
Devin Haska 2024-02-21 22:30:52 -08:00
parent aa77e9bfb9
commit bab76c7f31
9 changed files with 91 additions and 67 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/css/compositions/repel.css Normal file
View file

@ -0,0 +1,16 @@
/*
REPEL
A little layout that pushes items away from each other where
there is space in the viewport and stacks on small viewports
*/
.repel {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: var(--spacing-0\.5);
}
.repel[data-nowrap] {
flex-wrap: nowrap;
}