Самый понятный и подробный урок по CSS Flexbox для начинающих, все нюансы, примеры, практика
33 CSS генераторов, библиотек и тулзов упрощающих работу с CSS
1. glassmorphism.com - генератор эффекта глассморфизма (эффект матового стекла) 2. nighteye.app/dark-css-generator/ - генератор тёмных CSS. Вставляем URL сайта - получаем тёмную тему для своей страницы 3. neumorphism.io - создаёт градиенты и тени в стилистике неоморфизма. 4. shapedivider.app - генератор волн, кривых, стрелок и других загогулин 5. utopia.fyi - элегантное масштабирование шрифтов без breakpoints 6. transition.style - генерация Drop-in переходов 7. MoreToggles.css - нужно боооооольше переключателей 8...
Шпаргалка по FlexBox - просто и понятно | css | программирование
FlexBox состоит из Контейнера и его Дочерних элементов (items). Для включения flexbox, любому HTML элементу достаточно присвоить css свойство display:flex; <style>
.flex{ display: flex; }
</style>
<div class="flex">
<div class="item">1</div>
<div class="item">2</div>
</div> CSS свойства Flexbox Flexbox содержит разные css правила для управления всей flex конструкцией. Одни нужно применять к основному контейнеру, а другие к элементам этого контейнера. Для контейнера: display: flex - элемент растягивается на всю ширину и имеет свое полное пространство среди окружающих блоков...