Skip to content
Submitted over 3 years ago

React hooks (useState, useEffect), SASS, mobile first workflow

Luiggy Macias•250
@macluiggy
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Room homepage
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

The only problem I had was with the arrows slider, I don´t know how to fixed its position, that way it doesn´t move when the screen is resize, if there is someboy who can help me with it I would appreciate very much

Community feedback

  • Faris P•2,810
    @FarisPalayiPosted over 3 years ago

    In your .arrows_container div wrapper, instead of using transform: translate(130px), use transform: translate(100%); so it's always relative. If that's the outcome you are looking for.

    Marked as helpful
    0
  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    seems like your arrows_container should be positioned in relation to the header_article_container

    otherwise really nice looking challenge and good job keeping the images from look skewed at different screen widths

    0
    Luiggy Macias•250
    @macluiggyPosted over 3 years ago

    @palgramming Yeah thank you for the feedback, I did that, i positioned in relative the container and in absolute the .arrows_container

    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