.container {
max-width: 1400px;
margin: 0 auto;
}
@media (max-width: 1024px) {
.container {
padding: 0 20px;
}
}<div class="header">
<div class="container">
<div class="header__inner">
<div class="header__item">
Содержимое
</div>
<div class="header__item">
Содержимое
</div>
<div class="header__item">
Содержимое
</div>
</div>
</div>
</div>.header{
padding: 20px 0;
}
.container {
max-width: 1400px;
margin: 0 auto;
}
.header__inner{
display: flex;
justify-content: space-between;
align-items: center;
}
if (parseInt(number.innerHTML) == 0){
let step = 3;
} else {
let step = parseInt(number.innerHTML) - 1;
}
#elem:hover{
background-color: blue !important;
}
<!DOCTYPE html><html><head><meta charset="utf-8"><title>tmp</title><style>
body{width:100%;height:100%;
background-image:repeating-radial-gradient(circle,#dcdcdc 0px,#dcdcdc 8px,#fff 1px,#fff);background-size:28px 28px}
</style></head><body></body></html>
var buttons = document.querySelectorAll('button');
for(var i = 0; i < buttons.length; i++) {
(function(i) {
var button = buttons[i];
button.onclick = function() {
alert(button.innerHTML + i);
}
})(i);
}