fabs/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Use list for grid

Browse source
This commit is contained in:
Fabien Freling 2019-06-13 13:56:15 +02:00
parent 1a28e9287f
commit ca953a991e
2 changed files with 16 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

12
css/style.css
View file

@ -55,18 +55,24 @@ blockquote {
padding: 10px 10px 10px 10px;
}
.projects {
ul.projects {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-auto-rows: minmax(100px, auto);
gap: 10px;
grid-gap: var(gap); /* fallback */
list-style: none;
padding-left: 0;
font-size: 14pt;
}
.project {
ul.projects a {
display: block;
border: 1pt solid #ddd;
font-size: 14pt;
height: 100%;
text-align: center;
text-transform: uppercase;
}
#footer {