Room Homepage

A modern landing page website featuring images and a content slider

Frontend Mentor - Room Homepage

This is a solution to the Room homepage challenge on Frontend Mentor.

Screenshot

Links

• Solution URL:
• Live Site URL:

My Process

• Design the Desktop Viewport WHILE desinging the Mobile viewport at the same time using LESS CSS Preprocessor
• Design the flex/grid system, making sure to have both Desktop and Mobile Viewport layout correct
• Add in all the other HTML content
• Finished up all the CSS designs

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Grid
• Desktop-first workflow
• LESS CSS Preprocessor

What I Learned

• More Flexbox

Author

• Website - Liyan Anajao
• Frontend Mentor - @LiyanNguyen
• Twitter - @LiyanAnajao

Acknowledgments