namespace app
, а уже потом лепить его зависимости. display: flex
, а блоку, который хочешь двинуть задай отступ margin
как auto
с той стороны, где ты хочешь чтоб было пространство..content {
display: flex;
}
.services-page .content ul.two-flex-columns {
margin-left: auto;
}
<div class="a"></div>
<div class="b"></div>
.a:hovet ~ .b {
display:none;
}
.a:hovet + .b {
display:none;
}
<input type="radio" name="radio-selector" class="radio-1" checked>
<input type="radio" name="radio-selector" class="radio-2">
<svg>
<polygon class="polygon-1"></polygon>
<polygon class="polygon-2"></polygon>
</svg>
svg polygon {
display: none;
}
.radio-1:checked ~ svg .polygon-1 {
display: inline;
}
.radio-2:checked ~ svg .polygon-2 {
display: inline;
}
$(".product-layout.product-list").each(function() {
let $container = $(this);
if ($container.find(".special-new--stiker, .special-price--stiker").length === 2) {
$container.addClass(".two-stikers");
}
});
flex
, это значит что для .row
можно задать align-items: stretch;
, это сделает все элементы в ряду одной высоты. Тебе останется задать содержимому ячейки высоту height: 100%
, возможно для ячеек придется задать display: flex;
. Содержимое ячейки должно быть обрамлено в некий контейнер.