Frontend Formula

💡Делаем список с плавающими заголовками разделов



— Используйте overflow-y: auto, чтобы позволить контейнеру списка перекрываться по вертикали.



— Используйте display: grid во внутреннем контейнере (<dl>), чтобы создать макет с двумя столбцами.



— Установите для заголовков (<dt>) значение grid-column: 1, а для содержимого (<dd>) — значение grid-column: 2.



— Наконец, примените position: sticky и top: 0.5 rem к заголовкам, чтобы создать плавающий эффект.



👉 Ссылка на готовый код



#css #сниппет



👉 @frontend_formula