Streaming live at 10am (PST)

How to keep proportion on larger screens

Hello,

I built my portfolio in Webflow. I have a 13" computer so the layout looks good on my computer. The problem is when people (like hiring managers) see it on larger size screens, the layout becomes completely wacky and unbalanced.

How can I lock my proportion on desktop without losing responsiveness?


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

Hi, Can you please share the read only link and the site link.

https://preview.webflow.com/preview/nayelis-porfolio-project?utm_medium=preview_link&utm_source=dashboard&utm_content=nayelis-porfolio-project&preview=d5b5bf9a6d57d7a14aec3f26b0d60fe6&mode=preview

www.nayelimiranda.com

I’m no expert here, but from my experience the solution is to use percentages rather than absolute values. Instead of an element being 300px from the left, make it, say 25% or 25vw (viewport width).
Also use structures like Grid (2.0) and Flex Box. There are tutorial videos on all.

Good luck!

You could add large breakpoints but will require some adjustment.

Sorry my my notification was set to Tracking not watching.