Restructured parts of the website

This commit is contained in:
Chris Josten 2020-06-24 17:40:20 +02:00
parent 1ffb19f811
commit 99f493dec3
11 changed files with 62 additions and 29 deletions

View file

@ -7,11 +7,24 @@
min-width: calc(100% - 2px - 4em);
}
body > nav {
body > section.header-navigation, body > footer {
width: 100%;
flex-grow: 1 !important;
}
.hide-small {
display: none;
}
.hide-big {
display: block !important;
}
}
.hide-big {
display: none;
}
:root {
font-family: "sans-serif";
--colour-bg: #f0f0f0;
@ -40,17 +53,23 @@ body {
color: var(--colour-fg);
}
body > nav {
flex: 0 0 160px;
body > section.header-navigation {
flex: 0 0 200px;
padding: 2em;
}
body > nav > header {
body > footer {
flex: 0 0 200px;
padding: 2em;
border: none;
}
body > section.header-navigation > header {
text-align: center;
}
body > nav > header > img {
body > section.header-navigation > header > img {
width: 100%;
max-width: 160px;
}