Александр: ) Там было <!-- --> Теги ограничивающие комментарий в html. Тостер их просто порезал. Суть в том, что они очень важны. Если их убрать браузер будет вставлять между блоками дополнительный интервал, что поломает верстку. iBird Rose в своем примере решает эту проблему с помощью font-size: 0. Что не совсем корректно, т.к. для вложенных блоков придется восстанавливать размер шрифта (в примере это font-size: 14px), а это всегда невозможно - неизвестно какой размер шрифта был до этого.
Никита Кит: Неверно. Посмотрите мой код наконец. Там подключен reset.css и автопрефиксер. К тому же согласно caniuse.com ff полноценно, без префиксов, поддерживает flex с марта 2014 года.
Никита Кит: не в том вопрос. мне не важно кто из них выше. важно что у меня в firefox неправильно рассчитывается распределение по flex-блоку дочерних элементов. вот с этим я борюсь.
ps: вы вероятно невнимательно ознакомились с вопросом и кодом. у блоков .item псевдоэлементы не заданы. у первого блока .wraper есть элемент ::after.
sleepyKitty: Дорогой друг, вы знаете как у flex блока должно работать свойство justify-content: space-between? Первый блок с зеленой обводкой должен выглядеть так же как второй. Но этому препятствует наличие у него псевдоэлемента. По существу что-то можете сказать?
Ничего подобного. Поправил немного код - codepen.io/aliencash/pen/EZKERe?editors=1100#0
На мой взгляд, в первом блоке все синие блоки должны распределятся равномерно по родителю. Тем не менее этому мешает псевдоэлемент.
Вы не верно понимаете суть этого ресурса. Тут не учат пользоваться гуглом, не должны делать ничего за вас. Тут отвечают на вопросы, которые возникли В ПРОЦЕССЕ реализации. Если вы ничего еще не сделали, то повода для вопроса нет. Начните. А дальше посмотрим. Если не знаете с чего начать, то вам сюда https://htmlacademy.ru
Честно говоря сомнительно, чтобы линуксоид, если он адекватный приобрел отдельное железо для винды, ведь есть виртуалка. У меня даже макось так установлена, чтобы в сафари тестировать сайты.
<!-- -->Теги ограничивающие комментарий в html. Тостер их просто порезал. Суть в том, что они очень важны. Если их убрать браузер будет вставлять между блоками дополнительный интервал, что поломает верстку. iBird Rose в своем примере решает эту проблему с помощью font-size: 0. Что не совсем корректно, т.к. для вложенных блоков придется восстанавливать размер шрифта (в примере это font-size: 14px), а это всегда невозможно - неизвестно какой размер шрифта был до этого.