I need to implement a masonry layout. However, for a number of reasons I don’t want to use JavaScript to do it. Parameters: All elements have the same width Elements have a height that cannot be calculated server side (an image plus various amounts of text) I can live with a fixed number of columns … Read more
Is it possible to make a CSS grid wrap without using media queries? In my case, I have a non-deterministic number of items that I want placed in a grid and I want that grid to wrap. Using Flexbox, I’m unable to reliably space things nicely. I’d like to avoid a bunch of media queries … Read more
TL;DR: Is there anything like table-layout: fixed for CSS grids? I tried to create a year-view calendar with a big 4×3 grid for the months and therein nested 7×6 grids for the days. The calendar should fill the page, so the year grid container gets a width and height of 100% each. .year-grid { width: … Read more
I’m trying to create a simple page with CSS Grid. What I’m failing to do is center the text from the HTML to the respective grid cells. I’ve tried placing content in separate divs both inside and outside of the left_bg and right_bg selectors and playing with some of the CSS properties to no avail. … Read more
