Создание страницы на гридах.?

Question

[Danila232]

Если делать на Гридах - сколько рядов будет у этого экрана? Колонок тут 7, они просматриваются по макету. А вот сколько рядов делать, не пойму.
И ещё, большинство декора(кексы, печенюхи, картинки, надписи конечно) - просто абсолютом с разными top/left по экрану раскидать? Или что-то лучше в грид сетку вписать?

Comments

[Максим]

По мне так на svg эту сетку сделать кроме input и меню

[Danila232]

Максим, как это, сетку на svg? Про такое не слышал никогда

[Максим]

Danila232, там ни чего сложного

[Ankhena]

Не нужно дублировать вопросы
Как сверстать такую страницу?

[Danila232]

Ankhena, мне нужно, тебе нет

[Сергей delphinpro]

Danila232, не грубите. Лучше прочитайте правило 4.1 https://qna.habr.com/help/rules

Answer 1

[Nik Faraday]

Можно сделать 3 ряда с подрядами

1й ряд имеет 2 подряда с отступом между ними
2й ряд не имеет подрядов (Пей кофе)
3й ряд имеет 3 подряда с отступом сверху

Comments

[Danila232]

А первый ряд может больше подрядов должен иметь? Просто если их 2 будет, непонятно куда лого+меню пихать

[Nik Faraday]

Danila232, это отдельный навбар, он не имеет отношение к гриду. Это совсем другой компонент страницы

[Nik Faraday]

Danila232, вообще попробуйте это сделать с помощью bootstrap

[Danila232]

Nik Faraday, мда, а я его и не знаю

[Nik Faraday]

Danila232, изучите. Это достаточно лёгкий фреймворк в освоении. За день-два выучите.

Bootstrap предоставляет уже готовые элементы интерфейса для использования, который уже стилизированны. Так же, в Bootstrap есть система сеток. Всё, что вам нужно находится на этой странице

P.s. не забудьте глянуть инструкцию по установке