Clever Geek Handbook

Is it possible to reproduce a subway style layout using flexboxes?

enter image description here

Is it possible to implement this type of layout with non-nested flash graphs?

I know what flex-wrap

will do the boxes on the next line if they don't fit, but how can I also get boxes with variable heights like the screenshot above, without nesting more flexible boxes?

+3


source to share


1 answer


Yes, with some normal CSS floating point grids, it is possible to create square layouts like this. For example, see this example and how the author did it .



Also MS proposed a standard " CSS Grid Layout " at the W3C, which is described on MSDN . This allows you to create layouts like this without flexbox support. It has never been accepted outside of IE, but if you only need to take care of IE, you can use it.

+3


source






More articles:


All Articles