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

Center projects cell

Browse source
This commit is contained in:
Fabien Freling 2019-10-28 22:06:15 +01:00
parent d3fbc61ed5
commit 556d2b8ea5
1 changed files with 65 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

34
css/style.css
View file

@ -77,7 +77,7 @@ code {
background-color: var(--code-color); background-color: var(--code-color);
} }
ul.projects { div.projects {
display: grid; display: grid;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
grid-auto-rows: minmax(100px, auto); grid-auto-rows: minmax(100px, auto);
@ -89,12 +89,40 @@ ul.projects {
font-size: 14pt; font-size: 14pt;
} }
ul.projects a { div.item {
display: block; display: grid;
text-align: center;
align-items: center;
border: 1pt solid #ddd; border: 1pt solid #ddd;
height: 100%; height: 100%;
text-transform: uppercase;
}
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: 13pt;
}
ul.projects a {
display: grid;
align-items: center;
border: 1pt solid #ddd;
height: 100%;
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
font-weight: bold;
text-shadow: 0 0 1em white;
background-size: cover;
background-position: center;
} }
#footer { #footer {