Comments 10
картинки потерялись
Да картинки к сожалению неподгоузиоись но я думаю по подписи более менее понятно какой будет результат
Вы, когда переводчиком переводите, учитывайте, что не все нужно переводить. Лэйаут, в данном случае, это не "раскладка" :)
Хотелось бы понять, чем данная статья лучше, например, вот этой статьи https://frontender.info/a-guide-to-flexbox/ 2013 года? Я бы понял, если бы в современной статье подробно описывались механизмы, добавленные в flexbox за последние 10 лет. Но нет: тот же space-evenly лишь упомянут, а про gap вообще нет ни слова. Так какой смысл в этих бессистемных обломках информации, лежащей на каждом углу интернета?
занимая равную ширину и высоту
Не будут они равной ширины
Поддерживаю комментатора выше: без gap что за флексы? Это ж неудобно, если всё через margin отступать.
Почему-то не указали, что свойство flex — это сокращение для flex-grow, flex-shrink и flex-basis, которые тоже не упомянуты.
Как давно вы верстаете, в частности флексами?
Я помню, как на хабре в сессию был наплыв псевдостатей, потому что в каком-то вузе какой-то препод студентам за это прибавлял оценку. Опять началось?
во-первых, статья скучная. во-вторых, вырезку из документации и я могу опубликовать, да только полезного от этого мало. в-третьих, поздновато о флексах рассказывать в 2024
Свойство align-items позволяет задать, как flex-элементы выравниваются по вертикали в flex-контейнере
Вы уверены в этом?
CSS Flexbox: быстрый и гибкий способ создания макетов