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)