coming soon page using flexbox and JS

Community feedback

• 

  Eric Salvi•1,330

  @ericsalviPosted over 3 years ago

  Hey Zahrabku,

  This one was actually a tricky challenge to try and make it work the way you'd want it to look. I believe the idea of this challenge is to make it full width and height.

  What you could try doing first is to work on the height. I'd adjust the height: 100% on the body to be height: 100vh instead. This will make the bottom gap disappear.

  As for getting the image touching the right would require you to adjust the justify-content: space-around on the container class and change that to space-between.

  In doing the above adjustments however, your content will be also floating on the right edge of the screen as before you were relying on the space-around to place the content where you'd like so you'll have to add some padding to the content description class. You'll also have to adjust the background too.

  I would suggest trying these fixes out in the Chrome Dev tools (inspector) first to see if you can make it work without adjusting your code.

  The validation on the form also doesn't seem to work when I enter a valid email address and lastly, take a look at your generated report and try to adjust those, https://www.frontendmentor.io/solutions/coming-soon-page-using-flexbox-and-js-aQLrU3aap/report

  Keep up the momentum!

  Marked as helpful

  0

  ---

  

  zahrabku•40

  @zahrabkuPosted over 3 years ago

  @ericsalvi thank you so much for your tips I'll try my best to fix them.

  0