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

Room homepage with Vue

@BerylBucket

Desktop design screenshot for the Room homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi everyone!

I'm primarily wondering how to preload images so that they show up immediately when a slide changes.

If you don't know how to do that, it's ok — any feedback is appreciated.

Community feedback

P
ApplePieGiraffe 30,565

@ApplePieGiraffe

Posted

Hey, BerylBucket! 👋

Nice job! Your solution looks good and is responsive! 👏

I'm afraid I can't be of much help with your JS because of my limited experience, but I think the transition between images is quite nice!

  • The left and right chevrons seem quite vertically stretched in the desktop layout of the site.
  • I think setting the cursor property to pointer for the navigation links in the header of the page would be a nice touch.
  • I think setting background-repeat to no-repeat for a few of the images on the page would be a good touch, too (so they don't make a tiling pattern at certain screen sizes).

Keep coding (and happy coding, too)! 😄

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