WebTaverna /> js, css, html

🖥 Пример создания адаптивной сетки с помощь 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