4 ms·
One thing I've noticed about Material Design is that most of the examples of "best designs" have elements that are overlapping to some extent, but none of the f
by bjterry 11y ago
One thing I've noticed about Material Design is that most of the examples of "best designs" have elements that are overlapping to some extent, but none of the frameworks that I see make it easy to have overlapping elements with defaults like grid layouts. I guess this isn't limited to just material design though. It seems like many times overlapping visual elements is a subtle indicator of a more professional design. Is there a solution to this problem using CSS (I mean, I know how to overlap elements, but ideally there would be something more structured or principled) or is it just doomed to be difficult?
- DougWebb 11y agoI don't know any frameworks that do it, but it seems like you could have an element that fits into the normal grid, and then inside that have an element with a "breaks the grid" class applied which uses positioning raise it up and make it overlap grid boundaries. You might need a special class on the parent element too so you can prevent it from collapsing. This seems like something that can be done in a fairly generic way.
- bjterry 11y agoYeah, I think in isolation stuff like that can be useful, but I feel like there should be a better abstraction. I'm not enough of a designer to know what that abstraction would be, and it seems like unexplored territory in CSS frameworks now as far as I can tell.