Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive room's homepage with ReactJS, Sass and CSS Grid

@solvedbiscuit71

Desktop design screenshot for the Room homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

@FoxMalder-coder

Posted

Hi! Your slider changes only pictures not text. Logo on desktop is stretched. And also I'v suggest to use some transitional layout between 375px and 1440px

1

@solvedbiscuit71

Posted

Thanks for your feedback, I fixed the logo stretching issue on desktop by,

.logo {
  align-self: center;
}

But, I didn't get which "text" do you mean should change on clicking the slider button?? i thought only the image of the "hero" section changes on clicking the slider button

0

@FoxMalder-coder

Posted

@solvedbiscuit71 No, the text is different for every image - look on previews in design folder. Actually it was in index.html in starter kit...

1

@solvedbiscuit71

Posted

Oh, i didn't noticed it in the design images. Now i have fixed it! Thanks for your reply 😊

0

Please log in to post a comment

Log in with GitHub
Discord logo

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