Sarah

@sazzledazzlePro

Mentor Score

185

I'm a mysterious individual who has yet to fill out my bio. One thing's for certain: I love writing front-end code!

Latest Solutions

Latest Comments

  • Sarah has commented on Sylvain's "Nothing fancy: HTML CSS JS" solution

    0

    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 :)

  • Sarah has commented on Nazia Kabri's "practicing css and html" solution

    0

    Hey!

    Try to avoid using px for margins and padding as it makes the website not responsive on smaller screen sizes and it cuts off. I use a mix of % and rem as it is better for responsiveness and accessibility.

    Also try to use a media query to change the design for mobile screens :)