Columns – Responsive Layout

[Severin_Weber]

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]Webflow - Severin Weber – Visual Communication
(how to share your site Read-Only link)

[Jonathan_Holden]

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.

[Severin_Weber]

@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!