Фиксированные ширина и высота

[imin314]

Пока что пример ненужного задания высоты:

Ты используешь height для управления высотой флекс-элементов в вертикальном флексбоксе, хотя в данном случае применение флексбокса кажется излишним: заголовок и контейнер для кнопок и так будут располагаться друг под другом, а выравнивания по центру можно добиться одним свойством text-align.

И лучше между кнопками добавить немного пространства. В стандартах даже есть пункт 10 про "лепку".

[Ilanevazno]

Убрал фиксированную ширину в панеле аккаунта, и прошёл по всем компонентам, заметил ещё одну в user-profile (тоже поправил)

[imin314]

Правка была о том, что здесь можно обойтись без вертикального флексбокса и высоты (height, min-height).

[Ilanevazno]

Можно, но всё таки мне удобнее через флексбокс.

[imin314]

А можешь объяснить, в чем проявляется удобство?:) Вертикальный порядок у p и div был бы по умолчанию, выравнивание по центру делается с помощью text-align: center. Свойство height: max-content совершенно ни на что не влияет.

Управление отступом между заголовком и кнопками происходит через высоту. Вместо этого нужно использовать margin.

Чтобы установить горизонтальный отступ между кнопками, ты переопределяешь box-sizing на content-box, чтобы ширина оставалась шириной контента, а padding не входил в это значение. Это очень неочевидное поведение, которого легко избежать, если использовать контейнеры-обертки и управлять отступами между кнопками в них.

[Ilanevazno]

сменил вёрстку.