.wrapper {
display: flex;
flex-wrap: wrap;
}
.box {
flex-grow: 1;
width: 50%;
padding: 10px;
overflow: auto;
}
.wrapper {
display: grid;
grid-template-columns: repeat(2, 50%);
}
.box {
padding: 10px;
overflow: auto;
}
.item {
position: relative;
padding: 1rem;
}
.product-special {
position: absolute;
top: .5rem;
}
.product__image {
margin-top: -27px;
}
::before {
display: inline; /*строка*/
width: auto;
height: auto;
}
li:before {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 5px;
vertical-align: middle;
}
<div class="container">
<div class="row">
<div class="col"></div>
<div class="col"></div>
</div>
<div class="row">
<div class="col"></div>
<div class="col">
<div class="row">
<div class="col"></div>
<div class="col"></div>
</div>
<div class="row">
<div class="col"></div>
<div class="col"></div>
</div>
</div>
</div>
</div>
form#eventsystem_authform::after {
content: '';
display: table;
clear: both;
<svg id="icon_id">
<rect class="style1" ... />
<rect class="style2" ... />
</svg>
#icon_id:hover .style1 { fill: red; }
#icon_id:hover .style2 { fill: green; }
.stacks_in_640_page0images {
...
align-items: flex-start;
...
}
.block {
position: relative;
overflow: hidden;
}
.block__hero {
position: absolute;
}
.block {
background-image: url(hero.jpg), url(bg.jpg);
}