.row {
margin: 0 -15px;
}
.row:after {
content: "";
display: table;
clear: both;
}
.col {
float: left;
width: 33.33333%;
padding: 0 15px;
}<div class="row">
<div class="col">
<div class="your-blue-div">div1</div>
</div>
<div class="col">
<div class="your-blue-div">div2</div>
</div>
<div class="col">
<div class="your-blue-div">div3</div>
</div>
</div>$(document).on('focusout', 'input', function(){
var name = $(this).attr('name');
var value = $(this).val();
$('input[name=' + name + ']').val(value);
});.visually-hidden {
visibility: hidden;
position: absolute;
/* или */
clip: rect(0, 0, 0, 0);
position: absolute;
/* или */
transform: scale(0, 0);
position: absolute;
/* или */
opacity: 0;
position: absolute;
pointer-events: none;
user-select: none;
/* или */
height: 0;
position: absolute;
overflow: hidden;
padding: 0;
border: none;
outline: none;
box-shadow: none;
}.visually-hidden {
position: absolute;
clip: rect(0 0 0 0);
width: 1px;
height: 1px;
margin: -1px;
}axios.post('/login', { body: 'Hello' })
.then(function(res) {
alert(res.data);
});const login = options => axios.post('/login', options);const login = function(options) {
return axios.post('/login', options);
}login(options).then(res => alert(res.data));login(options).then(function(res) {
alert(res.data);
});async () => {
try {
const { data } = await login(options);
/* some other logic */
} catch e {
console.log('Server request error:', e);
}
}
<header>
<div class="container">
<!-- Header stuff -->
</div>
</header>
<main>
<div class="container">
<!-- Optional stuff -->
</div>
<div class="big-green-block">
<!-- Big green block stuff -->
</div>
<div class="container">
<!-- Some other stuff -->
</div>
<main>height: $value1;
border-radius: 50%/$value2 $value3 0 0;.clearfix:after {
content: "";
display: table;
clear: both;
}