Совет по CSS 💡 Знаете ли вы, что можно сделать очень тонкий скроллбар или даже скрыть его, при этом сохранив возможность прокрутки? Это может помочь сделать интерфейс более аккуратным и менее загромождённым в некоторых случаях

Все чаще скрипты можно заменить стилями. Сегодня расскажу как сделать горизонтальный слайдер с полосой прокрути уже (меньше по ширине), чем родительский блок. Сперва накидаем html: <div class="block"> <span></span><span></span><span></span><span></span><span> </span><span></span> <span></span><span></span><span></span><span></span><span></span><span></span> </div> немного стилей: .block{ display: flex; margin: 100px -10px 100px; overflow-x: auto; }. block>span{ width: 150px; ...