Сітка є набір горизонтальних і вертикальних ліній, що створюють візерунок, за яким ми можемо вибудовувати елементи дизайну. Вони допомагають нам створювати макети, у яких наші елементи не стрибають і не змінюють ширину, коли ми переходимо від сторінки до сторінки, забезпечуючи більшу послідовність на наших веб-сайтах.21 червня 2024 р.

Можна використовувати сітку організувати графічні елементи по відношенню до сторінки, по відношенню до інших графічних елементів на сторінці або по відношенню до інших частин того самого графічного елемента чи форми. Сітка макета сторінки (показана білими лініями), що складається з низки пересічних вертикальних і горизонтальних ліній сітки.

Властивість grid-area визначає розмір і розташування елемента сітки в макеті сітки, і є скороченою властивістю для таких властивостей: grid-row-start. сітка-стовпець-початок.

Скорочена властивість CSS grid-column визначає розмір і розташування елемента сітки в стовпці сітки, додаючи лінію, проміжок або нічого (автоматично) до його розташування сітки, тим самим вказуючи початковий і кінцевий край рядка його області сітки.

Основними компонентами сітки є поля, маркери, стовпці, лінії потоку, просторові зони та модулі.

Коли мені потрібна сітка? Сітки забезпечують цінність при використанні з частинами тіла товщиною 10 см (4 дюйми) або більше. Чим товщі стає тіло, тим важливіше сітка. Це пояснюється тим, що сітки усувають розсіювання, яке утворюється під час проходження рентгенівського випромінювання крізь тіло, і чим більше тіла воно проходить, тим більше утворюється розсіювання.