Streaming live at 10am (PST)

Columns – Responsive Layout

Hey there!

I’m currently working on my portfolio and I have a question regarding columns and responsive design.

Currently the column layout stays one row and so the text “Confessions of a Dark Mind” gets into trouble with the dimensions due to its length.

I thought I can adjust some “checkpoints” with responsive design, but I think it doesn’t work the way I want. I want as soon as the mobile dimension is reached the column to be 2 rowed so the texts don’t stack on top of each other.

So I want it to be like that:

01 100 x 500 mm
Confessions of a Dark Mind. Editorial

2 rows so the long name doesn’t gets into a conflict with the other texts.

Is there a possibility to solve this?

Thanks very much in advance!


Here is my site Read-Only: [LINK]https://preview.webflow.com/preview/severinweber?utm_medium=preview_link&utm_source=designer&utm_content=severinweber&preview=6c1df8e867c11823c4912dae237284c4&mode=preview1
(how to share your site Read-Only link)

OK, so make the column_project_descr Vertical on mobile. You might want to change things a bit so that they look how you want.

@Jonathan_Holden
Thanks for the answer. That should work. Sorry for that basic question but I’m new here; how do I shift the columns so they can be next to each other? I tried setting the rows / columns to 50% or below so they don’t push each other away but that didn’t work. I was trying 30 mins now but cannot find a solution. Thanks!