@raulvodov
UI/UX Designer

Как подружиться с сетками и с чего начать?

Сверстал несколько сайтов, по началу статичный на флексах, потом адаптивный с использованием сетки bootstrap-3.
В целом сам процесс верстки более менее стал ясен, но вот что касается сеток до сих пор под вопросом, куда двигаться.

Учитывая мой небольшой опыт в HTML/CSS верстке, какой путь развития посоветовали бы?

Я уже изучил флексы и грид, в том числе на практике.
В том числе поиграл в интересные игры для закрепления материала:
flexboxfroggy.com/#ru
https://cssgridgarden.com/#ru

Но вот как создавать свою сетку не совсем понимаю, и имеет ли смысл с моим опытом?
Или возможно первый десяток макетов стоит верстать на готовых решениях?
Очень много в свое время хвалили bootstrap-4 сетку, т.е. именно сетку без самой библиотеки бутстрапа.
Есть ли смысл в этом или лучше с самого начала учиться создавать свою сетку?
  • Вопрос задан
  • 144 просмотра
Решения вопроса 1
sniggering_deus
@sniggering_deus
Mother is a god in the eyes of a child.
Тут ничего сложного особо и нет. Все эти байки насчёт сложности или чего-там ещё, чушь. Когда-то давно мне рекомендовали использовать кучу всего, для хорошей верстки, но нет. Я гуглил часами и днями. И однажды я познакомился с Flexbox. Использование этой технологии оказалось лучшим решением.

Вы конечно можете юзать Бутстрап, я вас не отговариваю, но я не использую его и не рекомендую. Не хочу ничего обидного говорить, потому что в своё время был популярен, и возможно даже сейчас.

Вот вам сайт: cssworld.ru/flex

Тренируйтесь с Flexbox.

Когда изучите, комбинируйте flex + % + px + em + rem + calc + vh + vw + media запросы.

В идеале хватает flex + % + px и медиа запросы. Всё. В конце обучения вы сможете создавать уникальные сетки.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
SkiperX
@SkiperX Куратор тега CSS
гриды рано
флексы с багами, запаришься править
бери сетку бутстрапа 4, везде работает
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
05 апр. 2020, в 13:34
8000 руб./за проект
05 апр. 2020, в 12:19
3000 руб./за проект
05 апр. 2020, в 12:11
35000 руб./за проект