Hi, could you help me please. I´ve seen many tutorials but any of them isnt just one picture bg. I created simple website but i have some problems with setting height. For destkop version i set 100VW width and 100VH , but im confused setting these parameters for other platforms. I was trying 100%, 100VH, auto but none of these help. In preview mode it looks not so bad but on my tablet there is white strip bellow. By zooming my site on PC desktop i can see that white stripe or it mess up my blocks. Could you give me some quick advices how to set it if i am creating site with just one picture background ? Thanks for any advices.
I would not recommend to use big negative margins. Often it cause mess on whole site on mobile devices.
In designer mode in Webflow we have width breakpoints for see how design will look on different devices. but unfortunately, we do not have height breakpoints for that devices. That is why visually you can’t say if your content cover whole height of tablet screen or not. If you know tablet height and gave the image this size it will look fine on tablet screen, but it may not look good in designer mode in Webflow, because of desktop screen height.
I would not recommend to use big negative margins. Often it cause mess on whole site on mobile devices.
Thank you its good to know ! Im still little bit confused about what way i should set position. By setting some position (absolute, relative, fixed) or just by setting paddings/margins(postition: auto) ? Which is better ?
In designer mode in Webflow we have width breakpoints for see how design will look on different devices. but unfortunately, we do not have height breakpoints for that devices. That is why visually you can’t say if your content cover whole height of tablet screen or not. If you know tablet height and gave the image this size it will look fine on tablet screen, but it may not look good in designer mode in Webflow, because of desktop screen height.
Oh, its little complicated but i hope i get it know