Bootstrap 4 и точки останова

Question

Я пытаюсь создать пользовательский интерфейс в фотошопе, который будет использоваться для рендеринга полноразмерного сайта.Я никогда не использовал flexbox и никогда не создавал сайт полной ширины, прежде чем использовать его.

Мне интересно, просто ли я придерживаюсь контрольных точек начальной загрузки по умолчанию или мне нужно делать что-то совершенно другое?.

Пример типа макета полной ширины:

Answer 1

Это очень общий вопрос, у меня для вас был бы следующий совет:

Я бы использовал и grid, и flexbox, поскольку сетки отлично подходят для построения более широкой картины и делают ее действительно простой.управлять общим макетом страницы.Они также способны обрабатывать больше неортодоксальных и асимметричных дизайнов.

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

Вы можете использоватьCSS-сетки для 2D-макетов (строки И столбцы) и Flexbox только для одного измерения (строки ИЛИ столбцы).

Нет причин использовать только CSS-сетки или только flexbox - они хорошо работают вместе в соответствующей областиИспользование.

Для верстки и скринкастов я могу порекомендовать Adobe XD - довольно свежий в семействе Adobe и пока бесплатный.

Я надеюсь, что это дало вам некоторое представление о том, как подойти к вашему проекту и спланировать макет в соответствии с вашими потребностями.

РЕДАКТИРОВАТЬ:

Посмотритев этой статье - она ​​должна дать вам четкое представление о том, как устанавливать точки останова в соответствии с вашим макетом и носителем / устройством.