@ApplePieGiraffe
Posted
Greetings, Vanessa Martin! 👋
Nice to see you complete another challenge! 😀 Nice job on this one! 👏
I think you set the height of the background to 100vh
or something, which is not a bad idea, but on desktop screens where you have to scroll to reach some of the information, the background doesn't cover the bottom portion of the screen. Adding min-height: 100vh
instead of height: 100vh
to div.root
should take care of that problem! 😉
Keep coding (and happy coding, too)! 😁
@vsm1996
Posted
Hi APG!
Thank you for your suggestion! I absolutely had difficulty with the height of the container either not reaching the bottom or being too large, so this is incredibly helpful. When you say div.root, do you mean div w/ id="root"? (apologies, still learning vernacular) If so, I'm on it!
Thank you again!
@ApplePieGiraffe
Posted
@vsm1996
Hi, Vanessa! Sorry for the (very) late reply. 😅 By div.root
I mean div
with a class of root
. It's a quick way to write out <div class="root"></div>
if you're using Emmet (a tool that can help you write HTML and CSS so much faster). In Emmet, div.root
would be expanded to <div class="root"></div>
while div#root
would be expanded to <div id="root"></div>
. Just think of the way you'd select those elements using CSS and remembering those shortcuts becomes a lot easier. 😉
@vsm1996
Posted
@ApplePieGiraffe Hi APG! No worries, thank you so so much for answering. This makes loads of sense and I will add this as soon as I can.