nit: info msg under nav buttons on small screens

This commit is contained in:
goldsteinsveta 2020-09-24 18:20:54 +02:00 committed by goldsteinsveta
parent 299f204cbf
commit d3ab889c7e
No known key found for this signature in database
GPG Key ID: 2DE4B3A7D2DBC98E
2 changed files with 19 additions and 15 deletions

View File

@ -245,20 +245,8 @@ textarea:disabled {
}
#logo {
margin: 0 2rem;
}
@media screen and (min-width: 850px) {
#logo {
position: absolute;
top: 2.5rem;
left: 2rem;
margin: 0;
}
}
@media screen and (max-width: 500px) {
#logo {
display: none;
}
margin: 0 2rem 0 0;
transform: translateY(-1rem);
}
#logo span {
font-size: 1.2em;
@ -305,4 +293,21 @@ button {
font-style: italic;
color: darkgray;
}
@media screen and (min-width: 850px) {
#logo {
position: absolute;
top: 3.5rem;
left: 2rem;
margin: 0;
}
}
@media screen and (max-width: 530px) {
#logo {
display: none;
}
.fold input:checked ~ .fold-content {
margin-top: 6rem;
}
}
</style>

View File

@ -69,7 +69,6 @@ export default {
position: relative;
display: flex;
align-items: center;
width: 150px;
cursor: pointer;
}
.fold-content {