Good day guys! I finished my Restaurant Order App and I have one CSS issue. When I open the website, I see my footer a bit higher than it is supposed to be. When put something in my basket, my footer acts normal. How can I solve it? Thank you in advance. 🙂 Here is the scrim: https://scrimba.com/scrim/c2aEqvh6 here is the link: https://engins-diner.netlify.app/
#my footer has distance from the bottom at the beginning.
8 messages · Page 1 of 1 (latest)
Hey @mild kraken ,
I don't really see/understand the problem. Can you get some screenshots showing us the problem?
Hey @brittle bough. This is the problem
the whitespace under the footer, is it?
you must have a bigger screen than mine then 🙂
yes this is a big screen haha
and yes this whitespace under the footer is my concern. when i put something in my basket it disappears
OK, i'm not going to be able to test it myself then, but the problem is that, when there's no order , there's not enough content in your main to push the footer down.
When the order appears, the footer is pushed down.
To fix it, just try some of these:
https://search.brave.com/search?q=push+the+footer+at+the+bottom&source=desktop
just google push the footer down