Skip to content
Submitted about 4 years ago

Room homepage with Vue

BerylBucket•280
@BerylBucket
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

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

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    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

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