(Created page with "→CSS placed here will be applied to all skins: @media screen and (min-width: 1024px) and (max-width: 1279px) { .main-page__left-column .menu-icon-container { margin: 0 50px; } } @media screen and (min-width: 1024px) { .menu-icon-container--single-column { margin: 0 50px; } } @media screen and (min-width: 1600px) { .menu-icon-container--single-column { margin: 0 100px; } } @media screen and (min-width: 1280px) { .m...") |
No edit summary |
||
Line 40: | Line 40: | ||
p { | p { | ||
margin: | margin: 8px 0 8px 0; | ||
} | |||
#icon-container { | |||
display: flex; | |||
justify-content: center; | |||
flex-wrap: wrap; | |||
} | |||
.icon-container__item { | |||
min-width: 120px; | |||
max-width: 128px; | |||
margin-right: 5px; | |||
} | |||
.icon-container__item-link { | |||
text-align: center; | |||
} | } |
Revision as of 14:27, 4 April 2023
/* CSS placed here will be applied to all skins */
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.main-page__left-column .menu-icon-container {
margin: 0 50px;
}
}
@media screen and (min-width: 1024px) {
.menu-icon-container--single-column {
margin: 0 50px;
}
}
@media screen and (min-width: 1600px) {
.menu-icon-container--single-column {
margin: 0 100px;
}
}
@media screen and (min-width: 1280px) {
.main-page__column {
display: inline-block;
}
.main-page__left-column {
width: 65%;
}
.main-page__right-column {
float: right;
width: 310px;
}
}
@media screen and (min-width: 1600px) {
.main-page__left-column {
width: 75%;
}
}
p {
margin: 8px 0 8px 0;
}
#icon-container {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.icon-container__item {
min-width: 120px;
max-width: 128px;
margin-right: 5px;
}
.icon-container__item-link {
text-align: center;
}