Skip to content
Submitted 26 days ago

Room Hompage

nuxt, vue, tailwind-css
LVL 3
Ace466
@Smart-Ace-Designs
A solution to the Room homepage challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

I used Nuxt to provide the hero image carousel functionality and Tailwind CSS for styling with this challenge. This challenge proved to be very difficult during my first stint with Frontend Mentor. This time around I was able to complete it.

What challenges did you encounter, and how did you overcome them?

CSS grid and image sizes.

I am curious if flexbox would have been better as I ended up using 2 1-dimensional grids which may lend itself better to flexbox? Either way...got it to work with grid.

For images, I just had to let the images size themselves and they worked out as shown in the design on their own. I think my first time working on this challenge I tried to control the image sizes manually which probably tripped me up.

What specific areas of your project would you like help with?

Nothing at this time.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Ace’s solution.

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