CSS выравнивание последней строки — свойство text-align-last
Адаптивная таблица на чистом CSS
Привет! Решил начать вести еще и Яндекс.Дзен. И начну его вести с самой популярной статьи в своем блоге - о создании адаптивной таблицы на css. В наше время таблицы, слава богу, используются довольно редко. Но там, где в макете реально таблица - конечно нужно использовать ее. И сегодня я покажу, как именно сделать ее адаптивной на телефонах\маленьких планшетах. Хотя там вы сможете уже для себя подстроить как хотите данный метод. Итак, для начала создаем разметку. Она вполне себе тривиальная (не переживайте если не очень хорошо ее видно - в конце статьи будет ссылка на codepen)...
Полоса прогресса чтения странницы. 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...