edpibu/web2.0
edpibu/web2.0
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update template with css grid

Browse source
This commit is contained in:
Edgar P. Burkhart 2022-05-08 09:29:36 +02:00
parent 9f352d5a16
commit 63afbd9bac
Signed by: edpibu
GPG key ID: 9833D3C5A25BD227
2 changed files with 119 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

18
src/static/css/main.css
View file

@ -25,8 +25,20 @@ body {
padding: 1rem;
font-weight: 350;
font-feature-settings: "ss01", "ss02", "ss03", "cv05", "cv08";
column-width: 18rem;
max-width: 90rem;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
grid-gap: 1rem;
}
body > div {
column-width: 20rem;
column-gap: 1rem;
}
body > div.info {grid-column: 1}
body > div.cv {grid-column: 2 / -1}
@media (max-width: 40rem) {
body {grid-template-columns: 1fr}
body > div.cv {grid-column: 1}
}
h1, h2, h3 {font-weight: 250}
@ -99,9 +111,7 @@ li {padding-left: .5rem}
footer {
background: var(--bg-01);
bottom: 0;
left: 0;
right: 0;
grid-column: 1 / -1;
text-align: center;
height: 4rem;
padding: 1rem;