Flexbox and Grids: your layout’s best friends

Re:Flexbox and Grids: your layout’s best friends by c-smile on Monday November 06, 2017 @04:30PM (#15639193)

Bulma, as any other grid systems based on % units, is quite limited in real life.

Check this: https://sciter.com/images/wt-langs.png You see the same HTML markup there but in different languages. Text in most of European languages is longer.

This is HTML/CSS Sciter UI that uses flex units and flow property: https://sciter.com/docs/flex-flow/flex-layout.htm

[ Parent | on HN ]

Re:Flexbox and Grids: your layout’s best friends by sillysaurus3 on Monday November 06, 2017 @04:45PM (#15639282)

Hmm, why is it limited? I'm interested in hearing your experiences.

[ Parent | on HN ]

Re:Flexbox and Grids: your layout’s best friends by c-smile on Monday November 06, 2017 @04:53PM (#15639337)

Check screenshots above. There is a block having 4-columns layout. Each column there a) is flexible and b) uses min-content constraint. So widths of columns are unknown upfront - determined by actual content in grid cells.

That last part (use of actual content) is what you cannot reproduce using % units in principle.

[ Parent | on HN ]