2019-05-04 21:22:13 +02:00

58 lines
782 B
SCSS

body {
display: grid;
grid-template-columns: 250px auto;
grid-template-rows: auto auto;
grid-gap: 10px;
#menu {
grid-column: 1;
grid-row: 1;
}
#main {
grid-column: 2;
grid-row: 1;
min-width: 0;
}
}
@media (max-width: 700px) {
body {
grid-template-columns: auto;
#main {
grid-column: 1;
grid-row: 1;
min-width: 0;
}
#menu {
grid-column: 1;
grid-row: 2;
#logo {
position: absolute;
right: 20px;
a {
height: 60px;
width: 150px;
margin-top: 60px;
}
}
}
footer {
grid-column: 1;
grid-row: 3;
display: none;
}
}
}
@media (max-width: 350px) {
#logo {
display: none;
}
}