Grid - Grid - The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning. -Модуль CSS Grid Layout Module предлагает систему разметки на основе сетки, со строками и колонками, что облегчает разработку веб-страниц без использования плавающих элементов и позиционирования.
Näide:
.grid-container {
display: grid;
}
<div class="grid-container">
<div class="grid-item">1</div>
<div class="grid-item">2</div>
<div class="grid-item">3</div>
<div class="grid-item">4</div>
<div class="grid-item">5</div>
<div class="grid-item">6</div>
<div class="grid-item">7</div>
<div class="grid-item">8</div>
<div class="grid-item">9</div>
</div>