No edit summary |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
@import url('https://fonts.googleapis.com/css?family=Rubik:400,700&display=swap'); | |||
@media screen and (min-width: 1024px) and (max-width: 1279px) { | @media screen and (min-width: 1024px) and (max-width: 1279px) { | ||
.main-page__left-column .menu-icon-container { | .main-page__left-column .menu-icon-container { |
Revision as of 15:21, 4 April 2023
/* CSS placed here will be applied to all skins */
@import url('https://fonts.googleapis.com/css?family=Rubik:400,700&display=swap');
@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;
}