This is the respective issue as Create new “Views Responsive Grid” format for Views Core
I know that we have implemented #479 many years ago, and that we also have issues like #4375 and #4560, but I just came across this: Views Responsive Grid added to Drupal 10 core article, and it seems to me that what our Drupal brethren have implemented would work better and more intuitively:
Earlier today a new killer feature was committed to Drupal 10 core: Views Responsive Grids. But, it’s more than that. ... The styles make use of new modern CSS that enable super cool features.
Instead of specifying the number of columns, and screen widths, we specify:
- the maximum number of columns, and
- the minimum grid cell width.
- the gutter spacing
This is way more flexible than the former method!
The CSS works in such a way that when the grid cells resize to a point where they’re below the minimum width, the grid will reflow to have less columns. Alternatively, the grid will expand to fit in as many columns as permitted, while keeping the grid width above the minimum value!
Also, because the CSS is not reliant on the viewport width, the same grid view display is able to be used in a large region (and show more columns) and a narrow region (which would show less columns)! It will adjust automagically!
...
Here it is in action:
https://herchel.com/sites/default/files/2022-08/grid-view.mp4
One thing to consider is that such a feature would not work with IE11. ...but is that even an issue nowadays, with most of the world using either Chrome or Edge?
Recent comments
Welcome to Backdrop! For your setup, you’ll want to create a subtheme of Bootstrap5 Lite itself; the Bootswatch styles (like Cerulean) are just presets that B5 Lite loads, and you can “lock in”...
Basic Theme designing questions, using Bootstrap5 Lite
Hi Rob, Welcome to Backdrop! Here’s a quick overview: Subtheming Bootswatch: You should create your subtheme based on Bootstrap5 Lite, not directly on a Bootswatch style....
Basic Theme designing questions, using Bootstrap5 Lite
Hi Rolf, This happens because CKEditor saves absolute or semi-absolute paths in the HTML instead of using Backdrop’s file stream wrappers (like public://). When you move your site...
Losing link to embedded pictures when moving my installation