Mobile css improvements

This commit is contained in:
Gabriel Huber 2023-02-22 22:58:53 +01:00
parent 237d9e07bb
commit ae589b318e

View file

@ -83,6 +83,7 @@ main {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
font-weight: 600; font-weight: 600;
margin: 0.2em 0;
} }
.header-nav { .header-nav {
@ -124,8 +125,8 @@ a:hover {
} }
.nav-img { .nav-img {
width: 2em;
height: 2em; height: 2em;
width: auto;
margin-right: 0.3em; margin-right: 0.3em;
} }
@ -316,16 +317,21 @@ footer h2 {
} }
.header-nav .header-content { .header-nav .header-content {
gap: initial; gap: 0.15em;
} }
.header-contact .header-content { .header-contact .header-content {
gap: initial; gap: initial;
} }
.nav-img {
height: 1.5em;
}
.overview { .overview {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
gap: 1em;
} }
.split-section { .split-section {