Room homepage with SwiperJS and TailwindCSS

Community feedback

• 

  Web Frog•1,840

  @MasterDev333

  Posted over 4 years ago

  Great work! Your solution is really crisp. Everything is great and smooth. It would be great if you add transition to shop now button. Look forward to seeing other solutions from you. Happy coding~ :)

  11
• 

  Abhik•4,820

  @abhik-b

  Posted over 4 years ago

  Hi Jomefavourite , your solution is amazing. The carousel is smooth, and your site is overall responsive which is great.

  You can also add cursor : pointer to the links on navbar.

  Very good job on this challenge, Keep it up 💯

  13
• 

  

  ApplePieGiraffe•30,525

  @ApplePieGiraffe

  Posted over 4 years ago

  Hey, Jome Favourite! 👋

  Nice work on this challenge! 👍

  This challenge is a little tricky to make responsive! I used CSS grid for this challenge and defined a bunch of things in the viewport units so that the grid would scale up/down with the size of the screen (which I can see you've done, too). Remember, you can always use the min-max function to your advantage to prevent certain rows or columns from becoming too large or too small at certain screen sizes. 😉 Overall, I think you've done a pretty good job ! 👏

  I only suggest,

  • Turning the navigation links in the header of the page in the desktop layout into actual links using the anchor tag. 😉
  • Adding some alt attributes to the images to clear up your solution report.

  Keep coding (and happy coding, too)! 😁

  13