space-between же последний рендерит так, потому что это флекс
не уверен что это из-за space-between. Там первый занимает 100px, второй и третий по 200, а четвертый просто оставшееся место. А всего там 600 px, поэтому так вышло наверное
Вообще почаще смотри в devtools на размеры элемента и меняй значения свойства css через браузер (отключение и стрелочки вверх-вниз) - так проще детектить в чём проблема
Просто подходов много, все сразу не выучишь, и вот интересно, если я освою флексы, на сколько я смогу много сверстать и будет ли это предпочтительной версткой