Used JS, CSS and HTML

Community feedback

• 

  Jane•1,040

  @janegcaPosted almost 4 years ago

  Hi Paritosh, The layouts look good on both my laptop and Android. I'm not sure why you're concerned about the footer, it stays below everything correctly through various resizes.

  I like the added hints for the input area. Nice job.

  1

  ---

  

  Paritosh Sahni•80

  @Paritosh7Posted almost 4 years ago

  @janegca Hey! Thanks! Regarding the footer, I meant, for ex - if we have a high resolution screen, then the footer might not stay at the bottom of the page, because of the increased pixel size. As, we are making the footer kinda stay at the bottom by using margin-bottom : required px. So, I think the footer won't stick to the bottom on a larger - high resolution screen (the gap b/w the bottom of the page and footer will increase). So, is there a way to make the footer stay at the bottom no matter what?

  Thanks for taking the time to go through the project!

  0

  

  Jane•1,040

  @janegcaPosted almost 4 years ago

  @Paritosh7 ah, I see ... played around a little with your code using the Web Dev tools, think the following might work (sort of)

  1. For the larger sizes, set the body up as a positioning context and size to the viewport body { width: 100vw; height: 100vh; transform: translate(0); }
  2. Position the footer: position: fixed; bottom: 0; width: 100%;

  It sort of worked, will need more tinkering for margins, etc

  Hope that helps a little (and doesn't lead you astray!) ... you never know with CSS, where context is everything ... lol

  0

  

  Paritosh Sahni•80

  @Paritosh7Posted almost 4 years ago

  @janegca Cool! I will give it a shot. I did find a different solution this though. You can also check it out, here.

  0