website/scss/_mobile.scss
2021-03-28 20:43:34 +02:00

48 lines
No EOL
634 B
SCSS

@media only screen and (max-width: $mobile-max-width) {
#homeImage{
float: none;
}
#content{
padding-left: 10px;
padding-right: 10px;
}
#blog{
flex-direction: column;
}
article {
margin-bottom: 10px;
margin-right: 0;
}
#banner {
a {
display: block;
}
img {
max-width: none;
width: 100%;
}
}
#newestPost{
display: none;
}
article{
width: 100%;
}
.h-captcha{
width: 100%;
iframe {
max-width: 100%;
}
}
.header-homepage{
padding-top: 50px;
padding-bottom: 100px;
h1 {
font-size: 2.2em;
}
}
}