You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Is your feature request related to a problem? Please describe.
Until today columns block and related blocks make use of align-self for vertical alignment of elements in a column. However align-self is restricted to the following possibilities: auto | flex-start | flex-end | center | baseline | stretch
This allows only very basic vertical aligment
Describe the solution you'd like
Why do not rather rely on justify-content that also allows additional settings like: space-between | space-around | space-evenly
The only extra css that needs to be applied to the column to make justify-content work is: display: flex; flex-direction: column;
This would open up the door for more advanced vertical alignment which are really common in any kind of design (think of media & text block for example)
The text was updated successfully, but these errors were encountered:
youknowriad
changed the title
Columns block and derivates should not rely on align-self
More vertical alignment options for the Columns block
Feb 27, 2020
Howdy @idea--list while initially I liked this idea, I wonder, considering that columns will only contain blocks that are by default aligned with an equal space-around, only the space-evenly seems to be useful for when one column becomes longer and you want the contents of other columns to be spaced evenly to the longest.
However I tested simply adding display: flex; flex-direction: column; and it changed the display of the blocks within quite a lot.
Is your feature request related to a problem? Please describe.
Until today columns block and related blocks make use of align-self for vertical alignment of elements in a column. However align-self is restricted to the following possibilities:
auto | flex-start | flex-end | center | baseline | stretch
This allows only very basic vertical aligment
Describe the solution you'd like
Why do not rather rely on justify-content that also allows additional settings like:
space-between | space-around | space-evenly
The only extra css that needs to be applied to the column to make justify-content work is:
display: flex; flex-direction: column;
This would open up the door for more advanced vertical alignment which are really common in any kind of design (think of media & text block for example)
The text was updated successfully, but these errors were encountered: