Adjusting margins and layout of mobile view + fixing tabs/spaces in CSS file
This commit is contained in:
parent
96960993fc
commit
000a7bea1e
|
@ -185,12 +185,12 @@ aside nav footer ol li a {
|
||||||
}
|
}
|
||||||
|
|
||||||
aside header a img {
|
aside header a img {
|
||||||
|
display : block;
|
||||||
width : 100%;
|
width : 100%;
|
||||||
height : 140px;
|
height : 140px;
|
||||||
}
|
}
|
||||||
|
|
||||||
dl.dl-services {
|
dl.dl-services {
|
||||||
|
|
||||||
display : grid;
|
display : grid;
|
||||||
column-gap : 2rem;
|
column-gap : 2rem;
|
||||||
dt {
|
dt {
|
||||||
|
@ -202,7 +202,6 @@ dl.dl-services {
|
||||||
grid-column-start : 2;
|
grid-column-start : 2;
|
||||||
grid-column-end : 3;
|
grid-column-end : 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(max-width:1000px) {
|
@media(max-width:1000px) {
|
||||||
|
@ -226,14 +225,13 @@ dl.dl-services {
|
||||||
|
|
||||||
aside header {
|
aside header {
|
||||||
display : flex;
|
display : flex;
|
||||||
flex-direction : row;
|
|
||||||
justify-content : space-between;
|
justify-content : space-between;
|
||||||
align-items : center;
|
align-items : center;
|
||||||
margin : calc(var(--base-grid) / 2);
|
margin : var(--base-grid) calc(var(--base-grid) / 2);
|
||||||
}
|
}
|
||||||
|
|
||||||
aside header a img {
|
aside header a img {
|
||||||
height : 120px;
|
height : 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
aside nav {
|
aside nav {
|
||||||
|
@ -260,7 +258,7 @@ dl.dl-services {
|
||||||
cursor : pointer;
|
cursor : pointer;
|
||||||
display : block;
|
display : block;
|
||||||
height : var(--burger_size);
|
height : var(--burger_size);
|
||||||
float : right;
|
margin-top : 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
header .nav-toggle span {
|
header .nav-toggle span {
|
||||||
|
|
Loading…
Reference in a new issue