Здравствуйте, будет ли правильный данный код?
<ul class="slider">
<li class="slider__item">
<h1 class="slider__title">Заголовок слайда 1</h1>
<p class="slider__text">Текстовое содержимое слайда 1</p>
</li>
<li class="slider__item">
<h1 class="slider__title">Заголовок слайда 2</h1>
<p class="slider__text">Текстовое содержимое слайда 2</p>
</li>
<li class="slider__item">
<h1 class="slider__title">Заголовок слайда 3</h1>
<p class="slider__text">Текстовое содержимое слайда 3</p>
</li>
</ul>Font-size: 62.5% и все в rem — это хорошая практика
стоит ли верстать такой лендинг, если это всего лишь тестовое задание?
в макете имеется 12-колоночная разметка, как для bootstrap. По слухам бустрап - это дурной тон. Как считаете, верстать на бутстрап или на чистом css?
<div class="row same-cols">
<div class="col-md-6 same-height">1</div>
<div class="col-md-6 same-height">1</div>
</div>$('.same-cols').each(function(){
var height = 0,
cols = $(this).find('.same-height');
cols.each(function(){
if( $(this).innerHeight() > height ) height = $(this).innerHeight();
});
cols.css( 'height', height + 'px');
});ul {
position: absolute;
left: 100%;
top: 50%;
transform: translate(0,-50%);
margin: 0;
}