How can I give the bottom bar a margin using dvh?
The use case is the bottom bar hiding on iOS devices due to the address bar, as it is included in the vh. This hides the bottom bar on iOS. I read on the forum about using dvh as it will not include the address bar height.
But how do I bind the bottom margin?
You need to bind i like this and follow the CSS formatting convention.
In your case, for the bottom margin, it would be this:
Otherwise, it’s usually one of the others, you just need to look for which margin you need.
Got it. Can we also use calc here? I tried
0 0 calc(100dvh-env(safe-area-inset-bottom)) 0
Yup, you can use calc. Anything that is legit in CSS should work in WeWeb’s bound formulas, at the condition that you do it correctly.
