First, “The Grid”…awesome. Been playing around, and just can’t seem to grasp how the examples are modified to be responsive? The “Newspaper grid”: With this example, how did you go from a 4 column grid, multiple rows (Desktop) to a 1 column grid, multiple rows (Mobile)? And change some of the ord…

Name: (Newer lesson available — see description) CSS grid layouts in Webflow — Visual layout tutorial
Uploaded: 2018-10-11T02:00:48Z
Description: Hi @Gravy Maybe this can help you to understand better? [(Newer lesson available — see description) CSS grid layouts in Webflow — Visual layout tutorial]

No you have to add/delete them manually but it’s pretty fast! Just some drag and drop! :slight_smile:

Hi @Gravy Maybe this can help you to understand better? [(Newer lesson available — see description) CSS grid layouts in Webflow — Visual layout tutorial]

Hey it does a bit, meaning it does show how to reposition elements fro different views which is nice. But again, say you had a 5 column, 10 row grid of articles that you simply wanted to stack into a “1” column 10 row (for mobile), and this was a template (CSS) so it work on other pages…whats the b…

You can independently change the number of rows and columns for each different viewports. You can also reposition everything independently without changing the order in the elements panel. CSS grid is like a guide. Is that makes sense?

Yeah that does make sense, just what I was starting to think. And by changing rows and columns do you mean you just add and delete? Seems like a lot of manual work :slight_smile Any way to “automatically” change the number of rows and columns And thanks again for responding!!!

Newspaper grid : From 4 to 1 Column

Design help General

donaldsv (Donald Sv) October 11, 2018, 2:00am 2

Hi @Gravy

Maybe this can help you to understand better?

Topic		Replies	Views
Grid horizontal on desktop, vertical on mobile? General	4	10688	December 19, 2022
Forms & CSS Grid are awesome :) General	1	1829	October 18, 2018
Can you change number of columns at different breakpoints? General	2	987	April 28, 2022
Grids in mobile view General	3	4145	February 28, 2019
Why does changing grid on mobile view change desktop? General	6	4729	November 29, 2023

Newspaper grid : From 4 to 1 Column

Related topics