Mentor Score


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



    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



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