CSS Gap

Створіть правило gap у rem.

Вивід gap: N rem від 0 до 4. На відміну від Letter-Spacing: зазор flex/grid, не трекінг. На відміну від Word-Spacing: без пробілів між словами в реченні. Скопіюйте правило в цій вкладці.

gap: 1rem;

Що робить CSS Gap

Вивід gap: N rem від 0 до 4. На відміну від Letter-Spacing: зазор flex/grid, не трекінг. На відміну від Word-Spacing: без пробілів між словами в реченні. Скопіюйте правило в цій вкладці.

CSS Gap навмисно в групі Дизайн. Це не CSS Letter-Spacing (Створіть правило letter-spacing у em.) і не CSS Word-Spacing (Створіть правило word-spacing у em.). Відкривайте сторінку, коли потрібно: Створіть правило gap у rem. Чуже завдання через CSS Gap дасть хибний результат.

Як користуватися CSS Gap

  1. Для цього дизайнерського завдання — CSS Gap (css gap). CSS Letter-Spacing поряд (Створіть правило letter-spacing у em.), але це не те саме.
  2. Додайте тип файлу, який приймає CSS Gap. Підказка шляху: css gap. Створіть правило gap у rem.
  3. Налаштуйте лише опції CSS Gap. CSS Word-Spacing — інше завдання (Створіть правило word-spacing у em.). Примітка: Вивід gap: N rem від 0 до 4. На відміну від Letter-Spacing: зазор flex/grid, не трекінг. На відміну від Word-Spacing: без пробілів між словами в реченні. Скопіюйте правило в цій вкладці.
  4. Запустіть CSS Gap у цій вкладці. Ліміт пам’яті браузера: 0–4 rem. Лише CSS. Копируйте в цій карточке.
  5. Завантажте або скопіюйте результат CSS Gap. Інша задача — відкрийте CSS Letter-Spacing.

Коли не варто використовувати CSS Gap

Не використовуйте CSS Gap, якщо сусідній інструмент кращий — CSS Letter-Spacing або CSS Word-Spacing — або опис уже попереджає про збій. Слова інструмента: Вивід gap: N rem від 0 до 4. На відміну від Letter-Spacing: зазор flex/grid, не трекінг. На відміну від Word-Spacing: без пробілів між словами в реченні. Скопіюйте правило в цій вкладці.

Питання про CSS Gap

Чим CSS Gap відрізняється від інших сторінок Дизайн на сайті?
Вивід gap: N rem від 0 до 4. На відміну від Letter-Spacing: зазор flex/grid, не трекінг. На відміну від Word-Spacing: без пробілів між словами в реченні. Скопіюйте правило в цій вкладці. Коротко: Створіть правило gap у rem.
Чи надсилає CSS Gap файл або текст на сервери Tool-You?
Ні. CSS Gap працює в цій вкладці. Файли лишаються на пристрої. Ліміт: 0–4 rem. Лише CSS. Копируйте в цій карточке.
Чи варто брати CSS Letter-Spacing замість CSS Gap?
CSS Gap — коли потрібно Створіть правило gap у rem. CSS Letter-Spacing — коли потрібно Створіть правило letter-spacing у em. Категорія одна (Дизайн), задача інша.
Які обмеження в CSS Gap?
0–4 rem. Лише CSS. Копируйте в цій карточке. Також: Вивід gap: N rem від 0 до 4. На відміну від Letter-Spacing: зазор flex/grid, не трекінг. На відміну від Word-Spacing: без пробілів між словами в реченні. Скопіюйте правило в цій вкладці.