website/scss/_mobile.scss
2021-04-12 18:46:59 +02:00

62 lines
No EOL
869 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;
}
}
#footerContent{
width: 100% !important;
display: block !important;
div {
border-bottom: #3d3d3d 1px solid;
border-right: none !important;
&:last-child {
border-bottom: none;
}
}
}
}