Какую сетку использовать для адаптивного шаблона?

Question

[Иван Вагнер]

Здравствуйте! Интересует следующий вопрос. Хочу сделать адаптивный макет сайта, гугли-гуглил, не нашёл подходящей сетки. Хочу начать с шапки сайта, она будет похожа на такую шапку:

Но я не хочу, чтобы она сжималась и была похожа на нечто с пикселизацией.

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

Answer 1

[GreatRash]

https://designpub.ru/https-medium-com-simberev-8pt...

Answer 2

[Максим]

https://yadi.sk/d/jI23eWQYfCfMN - стандартная bootstrap сетка (12 колонок для различных разрешений)

Answer 3

[Талян]

Но я не хочу, чтобы она сжималась и была похожа на нечто с пикселизацией.

Шта?? При уменьшении картинки в браузере - пикселизация?

Что тут вам за сетка нужна? Тут её толком нет.
Дивы друг под другом, а там где три картинки в ряд - они сидят в одном div'e с display: flex; а при уменьшении экрана можно в медиазапросе сделать flex-direction: column; или вообще поставить родителю flex-wrap: wrap;



Что за сетка вам нужна?