No no don’t think that, we all start somewhere, and Webflow is super cool, I promise you get it in no time. So you have 2 topics to address:
- Background Image
- Inner Logo Image
#1: Background images will not scale. Remember it’s set as a background so it’s not actually on the document, which means it’s not really on the page, it’s in the ‘background’. We use this when adding elements on top of it, without effecting it. It goes over but is not a part of it. If you want a background image to scale you’ll need to add it to a Div, make it Relative, then position logo image on top and make it Absolute. Then the background will scale with the logo.
#2: You see I remove the excess div layers, you only needed one. Simply use flex to center it, no other display styles are needed. Then type in 50vw + enter to add “VW”, which stands for “Viewport Width”. That tells the browser to scale side-to-side, horizontally. You would use “VH” for height.
Now it all works and scales. Here’s the video: