Какой способ наиболее оптимален при верстки таких вещей?

Question

[imageneyshen]

Я начинающий. Пока мало знаний хотелось бы делать с самого начала так, чтоб не переучиваться. А то и гриды и флексы и флоаты. Немного теряюсь и поэтому спрошу как бы вы сделали эту часть сайта?(на пожарный - справа любое изображение занимающее весь серый квадрат)

Comments

[Brad9aga]

там целый гемор с этим, куда проще , если это просто бесполезные и статичные полоски

[Brad9aga]

про флоаты забудь

[imageneyshen]

Brad9aga, тогда как хотя бы такое разделение на две части делать?

[Brad9aga]

imageneyshen, https://html5book.ru/css3-flexbox/
думаю тут все на столько понятно, что дальше некуда

[Альберт]

Использовать лучше flexbox если нужна поддержка ie10-11, но и там есть нюансы. Если нужна поддержка старых браузеров то флоат. Grid пока рано использовать, разве что для общего развития. Родительском контейнеру display:flex, двум дочерним блокам flex-basis: 50%.

Answer 1

[hzzzzl]

начать можно с чего-то такого
https://codepen.io/anon/pen/pMRdYb