759просмотров
15.7%от подписчиков
25 февраля 2026 г.
🎬 ВидеоScore: 835
🖥 Пример создания адаптивной сетки с помощь Flexbox CSS HTML - разметка
<div class="container"> <div class="flex-item">1</div> <div class="flex-item">2</div> <div class="flex-item">3</div> <div class="flex-item">4</div>
</div> CSS - стили
.container { font-family: 'Segoe UI', Tahoma; display: flex; width: 100%; flex-wrap: wrap;
}
.flex-item { background: #F4BD50; font-size: 1.5rem; display: flex; height: 3.75rem; align-items: center; justify-content: center; flex-grow: 1; flex-basis: 6.25rem;
}
.flex-item:nth-child(even) { background: #c7a4ff;
} 👍- если было полезно | ➡️ WebTaverna