thinsoldier
thinsoldier
Using @webcraftsman pen as a starting point I reduced the amount of css and made it easier to understand (in my opinion) but that required increasing the html slightly by...
@ryanwiemer I'd define 3 1fr columns and set a height on grid-auto-rows. Then put a "big left" or "big right" class on the img tags that you want to be...
They'll probably need to add new keywords for this. Hopefully something that would do the same job for both grid and flexbox.
Try making the outside columns auto instead of minmax. And consider using breakpoints with a different grid definitions for narrower viewports if your outside columns are only going to be...
Measure the position and width of the first element in the grid with getBoundingClientRect. All other elements in the first row should be the same width and start at the...
For maximum compatibility with older mobile browsers I'd start with the narrow screen styles first with everything as display block which achieves the full width look. Then in a media...
All items default to an value of order:0 I believe. So getComputedStyle can get the value of order for all the elements and then you can sort them. But you...
https://codepen.io/thinsoldier/pen/PJJGxK?editors=0100 Lots of minmax and repeat.
:( Ignore the previous comment. I failed.
> keep the sidebar elements as direct children of the grid (not in a wrapper) so that I'm free to reposition Well, we can hope for better support of display:contents...