Is it possible to decrease the number of columns for the tablet and mobile screen size?

Design help Layout & Design
1

Hi,

I’m just creating my first website on Webflow and I’m at the stage where I am happy with the layout of my website for desktop screens. I am now trying to reposition the layout to fit tablets and mobiles. Is it possible to decrease the number of columns so the tablet shows 2 columns and mobile just shows all projects on 1 column, without effecting the desktop layout?

Also, the 2nd problem I have (and most definitely won’t be the last, I’m sure) does anyone know why the project’s with a longer name won’t go onto two lines? I’ve played around with the ‘breaking’ but the text either overlaps onto one line or protrudes onto the other column.

Please help!

Read only site…
https://preview.webflow.com/preview/sarahhua?utm_medium=preview_link&utm_source=dashboard&utm_content=sarahhua&preview=b3f2fdbccf4c1a6376e1759c2eb797f0&workflow=preview

Live site…
www.sarahhua.com

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hi @Sarah10
Using columns is quite limiting. You’d be far better off using a div block with Flexbox and using div blocks inside with a width percentage to control how many columns are visible on each breakpoint.
You could also consider Grid as an alternative.