This is a solution to the Room homepage challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
This is the solution to a design for a homepage about furniture. It has different hero images, which the user can click through and adjusts well to different screen sizes.
- React
- CSS grid
- css background image
This challenge was very useful to get more acquainted with CSS grid. I had also never coded a carousel for the hero section before, which was easier than expected. I think the page adjusts very nicely to different viewports and I'm proud that I managed to do it in an easy way where all of the proportions stay intact.
I think the design could use some more work in terms of contrast, maybe choosing a slightly different background color.
- Frontend Mentor - @lux4198
- Twitter - @luxumos24