Nothing fancy: HTML CSS JS

Community feedback

• 

  Arya Anish•1,492

  @AryaAnish121Posted almost 4 years ago

  Hi Sylvain,

  95% perfect

  One suggestion:-

  • generate a new screenshot because the input is looking like it has no padding on it

  Happy Coding!

  1

  ---

  

  Sylvain•70

  @longani974Posted almost 4 years ago

  @AryaAnish121 Thanks, I hadn't even noticed. It's even weird, I generate a new screenshot but the bug is still there.

  0
• 

  Sarah•835

  @sarahc-devPosted almost 4 years ago

  Hey!

  When I view your site, it doesn't scroll down to reveal the form part. You should set min-height, instead of height to 100vh. Then on different screen sizes, it will allow you to scroll if it doesn't fit in the view. I believe you don't need to use 100vw as well.

  For the mask effect, I used: background: linear-gradient(rgba(18, 23, 37, 0.9), rgba(18, 23, 37, 0.9)), url(./assets/mobile/image-host.jpg);

  Then on the larger screen sizes I used a media query to change the background to the solid color.

  Hope that helps :)

  0

  ---

  

  Sylvain•70

  @longani974Posted almost 4 years ago

  @sazzledazzle Hello, I removed the width and height and the overflow: hidden. Now the site is working properly. I replaced the mask effect with your solution and it works much better. Thank you very much who was very helpful.

  0