Ask DN: Best way to create layouts without using rows?

over 4 years ago from

When I create a layout in HTML/CSS it really bugs me that the most reliable (conventional) way of creating layouts is using divs to create rows. I've been on a search to find away of avoiding this and while it's been interesting it's also very frustrating, that in this day and age that we can't do it out of the box.

This pain is only really applicable when creating layouts under certain conditions like fixed-width guttering, responsive layouts and using margins. However I'd rather not be restricted, or have to change technique for each design I create.

Has anyone come across any more reliable layout/grid techniques? The CSS grid layout module might help if it was supported by (more) browsers.

I had a crack at a solution that uses the shadow DOM to get around this problem but it's not fully developed yet.