CSS Flexbox: быстрый и гибкий способ создания макетов

[delphinpro]

картинки потерялись

[oleg20091301]

Да картинки к сожалению неподгоузиоись но я думаю по подписи более менее понятно какой будет результат

[delphinpro]

Да я-то и по коду вижу, какой будет результат. Только статья наверное ориентирована на новичков.. Что вам мешает сейчас перезалить картинки?

[mDoll]

Видимо, всё же что-то мешает. Может быть автор ещё и танцор? 🤔

[Fell-x27]

Вы, когда переводчиком переводите, учитывайте, что не все нужно переводить. Лэйаут, в данном случае, это не "раскладка" :)

[eandr_67]

Хотелось бы понять, чем данная статья лучше, например, вот этой статьи https://frontender.info/a-guide-to-flexbox/ 2013 года? Я бы понял, если бы в современной статье подробно описывались механизмы, добавленные в flexbox за последние 10 лет. Но нет: тот же space-evenly лишь упомянут, а про gap вообще нет ни слова. Так какой смысл в этих бессистемных обломках информации, лежащей на каждом углу интернета?

[Metotron0]

занимая равную ширину и высоту

Не будут они равной ширины

Поддерживаю комментатора выше: без gap что за флексы? Это ж неудобно, если всё через margin отступать.

Почему-то не указали, что свойство flex — это сокращение для flex-grow, flex-shrink и flex-basis, которые тоже не упомянуты.

Как давно вы верстаете, в частности флексами?

Я помню, как на хабре в сессию был наплыв псевдостатей, потому что в каком-то вузе какой-то препод студентам за это прибавлял оценку. Опять началось?

[fire_engel]

во-первых, статья скучная. во-вторых, вырезку из документации и я могу опубликовать, да только полезного от этого мало. в-третьих, поздновато о флексах рассказывать в 2024

[dopusteam]

Свойство align-items позволяет задать, как flex-элементы выравниваются по вертикали в flex-контейнере

Вы уверены в этом?

[Metotron0]

Поэкспериментирует с flex-direction и подправит.