Hi all! I’ve been building the setup for my portfolio site, and I’m running into one major issue: I have a lot of fixed elements in the UI, and they look great… in 1440x900. As soon as I grab the window and stretch/shrink it, the fixed elements start to overlap, or distance themselves. I’m sure I’m missing something obvious here (maybe with the units of measurement I’m using?).
Regardless, any help would be tremendous.
Yes, you are right about the units. Using VW and VH is very similar to %. When you use one element- relative to something (width or height of the screen) and other element- with constant width (text or the pill div) they will overlap.
The positioning on the everything is set to VH/VW as opposed to PX. The text is set to EM as opposed to PX. The only thing that didn’t change is the lines were already set to VH/VW, with 1 px for the thickness.
I tried exploring Webflow University for lessons about responsiveness, and couldn’t apply any of those either.