Skip to content
Submitted over 2 years ago

Product page created with React + styled-components

imNotAli•230
@AliNaderii
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...E-commerce product page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

Hello everyone. My question is, when I open the lightbox, it doesn't cover all of the screen height. To be more precise, it covers 100vh, but if you scroll down, you can see some space's not been covered. How can I fix this? I'd appreciate it if you could help me.

Community feedback

  • Vincent Baylon•80
    @vincentbaylonPosted over 2 years ago

    Try setting the position to "fixed"

    Marked as helpful
    0
    imNotAli•230
    @AliNaderiiPosted over 2 years ago

    @vincentbaylon Thanks man. I tried it and it worked :) Sometimes the brain just stops working :)

    0
  • Amine Benaddi•70
    @AmineBenaddiGitHubPosted over 2 years ago

    Try to hide cart when you click away ...

    0
    imNotAli•230
    @AliNaderiiPosted over 2 years ago

    @AmineBenaddiGitHub I'll try it.. thanks :)

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord