Adjusting margins and layout of mobile view + fixing tabs/spaces in CSS file

This commit is contained in:
Halfdan 2022-12-13 20:23:10 +01:00
parent 96960993fc
commit 000a7bea1e
1 changed files with 47 additions and 49 deletions

View File

@ -185,24 +185,23 @@ aside nav footer ol li a {
}
aside header a img {
display : block;
width : 100%;
height : 140px;
}
dl.dl-services {
display: grid;
column-gap: 2rem;
display : grid;
column-gap : 2rem;
dt {
grid-column-start: 1;
grid-column-end: 2;
font-weight: bold;
grid-column-start : 1;
grid-column-end : 2;
font-weight : bold;
}
dd {
grid-column-start: 2;
grid-column-end: 3;
grid-column-start : 2;
grid-column-end : 3;
}
}
@media(max-width:1000px) {
@ -226,14 +225,13 @@ dl.dl-services {
aside header {
display : flex;
flex-direction : row;
justify-content : space-between;
align-items : center;
margin : calc(var(--base-grid) / 2);
margin : var(--base-grid) calc(var(--base-grid) / 2);
}
aside header a img {
height : 120px;
height : 80px;
}
aside nav {
@ -260,7 +258,7 @@ dl.dl-services {
cursor : pointer;
display : block;
height : var(--burger_size);
float : right;
margin-top : 10px;
}
header .nav-toggle span {