andrea/phosphor-icons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #262 from Allen-1998/fix/layout

Browse Source 
fix: homepage icon grid layout
This commit is contained in:
Tobias Fried
2023-09-18 22:35:24 -06:00
committed by GitHub
parent 24112a8361 c774c8047a
commit 6a27ced40e
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/IconGrid/IconGrid.css
View File

@@ -8,9 +8,8 @@
} }
.grid { .grid {
display: flex; display: grid;
flex-flow: row wrap; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
justify-content: space-between;
max-width: 1120px; max-width: 1120px;
margin: auto; margin: auto;
} }
@@ -263,6 +262,10 @@ figcaption > p {
} }
@media screen and (max-width: 536px) { @media screen and (max-width: 536px) {
.grid {
grid-template-columns: repeat(auto-fit, minmax(108px, 1fr));
}
.grid-item { .grid-item {
width: 108px; width: 108px;
height: unset; height: unset;