Как сверстать такое?

Ankhena, Я вот думаю как-то хаком сделать padiing-bottom чтобы он тоже при изменении ширины менял значение как и высота картинок внутри. Не подскажите как можно такое провернуть с padding?

Как сверстать такое?

Алексей Дубровин, Я в курсе, если не можете дать вариант как схитрить то не нужно вообще отвечать

Как сверстать такое?

Вопрос в том, как сделать высоту контейнера по содержимому которое спозиционированно через absolute?

Как увеличить размер шрифта для версии слабовидящих?

А разве не будет лучше использовать rem? И хорошая ли практика в большом проекте использовать rem для того чтобы в версии для слабовидящих увеличивать шрифт?

Возможно ли использовать аналог v-model для установки max, min в input type="range"?

Aetae, Вы правы, исправил ответ

Плагин numeric на ванильном js?

Сергей delphinpro, Было принято решение использовать input[type='number'], что полностью закрывает потребность в плагине))

Как лучше писать данный код?

Сергей delphinpro, И так можно по методологии делать же

Как лучше писать данный код?

Сергей delphinpro, так он описан отдельной, это BEM блок, просто не хочется лепить на него модификатор

Как поступать в таких случаях?

Сергей delphinpro, А вдруг эти отступы будут меняться дизайнером, тогда поиском найти и заменить эти значения будет сложно, или я выдумываю проблемы?

Можно ли вкладывать элементы одного блока в другой?

Realetive, Спасибо большое!) Я всегда думал что первый вариант противоречит методлогии

Можно ли вкладывать элементы одного блока в другой?

Realetive, Понял, а нормально использовать первый вариант? Не опираясь на дизайн, а чисто по методологии? Это будет хорошей практикой?

Можно ли вкладывать элементы одного блока в другой?

Я обновил ответ, не подскажите по второму пунтку?

И является ли первый пункт хорошей практикой?

Как избавиться от копипасты?

Не совсем понял, вот у меня есть лаяут, и внутри него уже идет код разных страниц, и у меня две идеи как вынести повторяющейся код, не подскажите какой правильный подходи?:

Вариант 1:

<div class="l-about">
    <div class="l-about__inner">
        <div class="l-about__left">

            <!-- history - это блок (страница) следовательео этот блок меняеться на docs, info-doxod и так далее -->
            <div class="history">
                <h1 class="l-about__title">Большой заголовок</h1>

                <div class="history__timer"></div>
                <div class="history__banner"></div>

                <div class="l-about__section">
                    <h4 class="l-about__sub-title">Заголовок по меньше</h4>
                    <p class="l-about__text">Текст</p>
                </div>
            </div>

        </div>

        <div class="l-about__right">
            <div class="about-sidebar"><!-- code --></div>
        </div>
    </div>
</div>

Вариант 2:

<div class="l-about">
    <div class="l-about__inner">
        <div class="l-about__left">

            <!-- history - это блок (страница) следовательео этот блок меняеться на docs, info-doxod и так далее -->
            <div class="history shared-about-elements">
                <h1 class="shared-about-elements__title">Большой заголовок</h1>

                <div class="history__timer"></div>
                <div class="history__banner"></div>

                <div class="shared-about-elements__section">
                    <h4 class="shared-about-elements__sub-title">Заголовок по меньше</h4>
                    <p class="shared-about-elements__text">Текст</p>
                </div>
            </div>

        </div>

        <div class="l-about__right">
            <div class="about-sidebar"><!-- code --></div>
        </div>
    </div>
</div>