Сетка ИЛИ Flexboox? при использовании response-semantic-ui

Question

В настоящее время я закладываю основу своей веб-страницы (которая также является мобильной в первую очередь), у меня есть аргумент. Я добавил response-semantic-ui в свой проект реагирования.

Добавлен мой целевой макет. Теперь, что я должен использовать, чтобы построить это, Grid или Flexbox? Следует ли мне избегать использования Grid? Это замедляет рендеринг или снижает производительность? Или я должен использовать flexbox в максимальных местах? Или это будет последовательно использовать либо Grid или flexbox? Или это может быть сочетание обоих. Пожалуйста, ведите меня.

Заранее спасибо!

Answer 1

CSS-сетка отлично подходит для построения широких макетов. Это может даже помочь в создании асимметричных проектов.

Flexbox отлично подходит для выравнивания содержимого внутри элементов. Используйте flex для размещения мелких деталей проекта.

Использование CSS-сеток для 2D-макетов (строк и столбцов)

Flexbox работает лучше только в одном измерении (строки или столбцы)

Нет причин использовать только один из них. Изучите их и используйте вместе.