Is it possible to reproduce a subway style layout using flexboxes?
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
Alex
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
vanthome
source
to share