As the title say i want to know how i can make columns appear stacked on mobile instead of side by side. My current solution is to just hide the images on mobile devices, but that doesn’t seem ideal. It currently looks like this on desktop: Text>Image or Image>Text And i want it to look like this: …

Hello @Staugaard , I would recommend you to use grid instead of columns. But to fix the mobile breakpoint for your website, just change your section with the pictures from display flex to display block, that way your columns will show stacked on top of each other. I hope this helps.

Make columns appear on top of each other on mobile devices?

Design help General

Staugaard (Kristoffer Staugaard) May 24, 2021, 12:27pm 3

thanks you very much!

But just one more question: why is it recommended to use grids over columns?

Topic		Replies	Views
Columns stacking on mobile General	2	4407	March 4, 2020
How can i stack a grid object for mobile? General	3	459	June 21, 2023
How to stack grid items on mobile view? General	3	6234	November 9, 2022
Why these columns are not stacking?(noob) Community resources	4	1527	September 15, 2020
Column Stacking on Mobile View? Layout & Design	1	1218	March 23, 2023

Make columns appear on top of each other on mobile devices?

Related topics