/
spirzen
/
it-code-examples
Обзор
Документация
Войти
/
spirzen
/
it-code-examples
Код
Запросы
0
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
master
examples/html/lab-110-004/main.html
35 строк
1 KB
Spirzen
Code migration pack
09 июн 2026, 01:41
09 июн 2026, 01:41
cebc284
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Сетка карточек</title> <style> *, *::before, *::after { box-sizing: border-box; } body { margin: 0; padding: 1.25rem; font-family: system-ui, sans-serif; background: #fafafa; } h1 { margin-top: 0; } .grid { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); } .card { background: #fff; border-radius: 10px; padding: 1rem; border: 1px solid #e5e5e5; } .card h2 { margin: 0 0 0.35rem; font-size: 1.1rem; } .card p { margin: 0; color: #555; font-size: 0.95rem; } </style> </head> <body> <h1>Каталог</h1> <div class="grid"> <article class="card"><h2>Товар A</h2><p>Описание.</p></article> <article class="card"><h2>Товар B</h2><p>Описание.</p></article> <article class="card"><h2>Товар C</h2><p>Описание.</p></article> <article class="card"><h2>Товар D</h2><p>Описание.</p></article> </div> </body> </html>