Как центрировать div, используя свойство CSS Grid
CSS: позиционирование fixed sticky
Ранее мы рассмотрели "классические" виды позиционирования, которые часто применяются в верстке и являются очень надежными и распространенными. Тут я рассмотрю менее популярные и чуть менее надежные способы. Под менее надежными я имею в ввиду, что эти методы хуже поддерживаются браузерами, и они имеют особенности в работе на мобильном. Используя их нужно обращать особое внимание на кросс-браузерность. Fixed Позиционирование относительно видимой области экрана. Его часто применяют для того, чтобы...
Полоса прогресса чтения странницы. JS + CSS или...
Привет друг ! В этой статье попробуем разобраться каким образом мы можем создать элемент, который будет показывать прогресс (скролл) прочтения станицы 🤔. И так - поехали !🛼 export const App = () => {
return (
<div>
<p>bla-bla</p>
</div>
)
}; Не гоже в ручную копипастить тег <p>, доверимся всецело JS. const paragraphs = Array.from({ length: 50 }, (_, index) => (
<p key={index}>bla - bla {index + 1}</p>
)); В разметке добавим еще один div (в будущем наша полосочка), над переменной paragraphs...