2020-10-02 21:15:42 +02:00
|
|
|
.menu {
|
|
|
|
display: flex;
|
|
|
|
flex-flow: row wrap;
|
2021-02-02 07:40:52 +01:00
|
|
|
min-width: 560px;
|
2020-10-02 21:15:42 +02:00
|
|
|
max-width: 100vw;
|
|
|
|
padding: 10px;
|
|
|
|
}
|
|
|
|
|
|
|
|
.menu div {
|
|
|
|
border-radius: 5px;
|
2021-02-02 07:40:52 +01:00
|
|
|
min-width: calc(100% / 3);
|
2020-10-03 19:53:06 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (max-width: 992px) {
|
|
|
|
.menu {
|
|
|
|
min-width: 90vw;
|
|
|
|
transform: translateX(calc(40vw));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
@media only screen and (max-width: 768px) {
|
|
|
|
.menu div {
|
|
|
|
min-width: 50%;
|
|
|
|
}
|
2020-10-02 21:15:42 +02:00
|
|
|
}
|