2021-07-14 16:30:45 +02:00
|
|
|
/* Currently 3 screen sizes supported :
|
|
|
|
- tiny: < 850px
|
|
|
|
- small: < 1200px
|
|
|
|
- normal: >= 1200px
|
|
|
|
|
|
|
|
Ex:
|
|
|
|
@media screen and (max-width: @var)
|
|
|
|
*/
|
2019-02-07 17:55:20 +01:00
|
|
|
.container {
|
2021-07-14 16:30:45 +02:00
|
|
|
margin-left: 110px;
|
|
|
|
}
|
|
|
|
@media screen and (max-width: 849px) {
|
|
|
|
.container {
|
|
|
|
margin-left: 0;
|
|
|
|
}
|
2016-10-02 17:07:47 +02:00
|
|
|
}
|
2018-11-12 23:27:49 +01:00
|
|
|
section {
|
2019-06-06 00:11:55 +02:00
|
|
|
width: 80%;
|
2021-07-14 16:30:45 +02:00
|
|
|
margin: 20px auto 0 auto;
|
2018-11-12 23:27:49 +01:00
|
|
|
}
|
2021-07-14 16:30:45 +02:00
|
|
|
@media screen and (max-width: 1449px) {
|
|
|
|
section {
|
|
|
|
width: 90%;
|
|
|
|
}
|
2021-07-07 19:23:24 +02:00
|
|
|
}
|
|
|
|
@media screen and (max-width: 1199px) {
|
2021-07-14 16:30:45 +02:00
|
|
|
section {
|
|
|
|
width: 95%;
|
|
|
|
}
|
2019-12-10 22:27:39 +01:00
|
|
|
}
|