Responsive help page
This commit is contained in:
parent
27db753a82
commit
3b19093b2f
2 changed files with 22 additions and 4 deletions
|
@ -78,10 +78,6 @@ main {
|
||||||
@media screen and (max-width: $responsive-screen) {
|
@media screen and (max-width: $responsive-screen) {
|
||||||
padding: 0 15px;
|
padding: 0 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: $small-screen) {
|
|
||||||
padding: 0 10px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.caret::after {
|
.caret::after {
|
||||||
|
|
|
@ -151,6 +151,28 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: $small-screen) {
|
||||||
|
.blocks {
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block-with-image {
|
||||||
|
flex-direction: column;
|
||||||
|
|
||||||
|
.text-block {
|
||||||
|
margin-left: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text-block {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.image-block {
|
||||||
|
margin: 40px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
Loading…
Reference in a new issue