Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Room Homepage using TailwindCSS

Chad 170

@cbuntrakulsuk

Desktop design screenshot for the Room homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


I built this project using Tailwindcss, I struggled with this project and am still not very happy with the end result. I still feel I need to learn more about responsive design, The biggest issue I encountered was the responsiveness of the site and accounting for all the screen sizes. I think I'll have to revisit this project later see if I can fix some of the sizing issues. I appreciate any feedback. Thanks!

Updated project and used grid instead of flexbox to accomplish this layout which worked much better. thanks for the feedback.

Community feedback

Martin 240

@TheMrBombastic

Posted

I think you did good with the site. Speaking for bigger screens, where the layout looks best and i think is suitable for, there isnt much free space left in the content boxes. So when the screen gets smaller, there is this point where white spaces come into play relatively early, but that is because of the aspect ratio of the pictures. So, looking at the task, i think, well done :)

Marked as helpful

0
Martin 240

@TheMrBombastic

Posted

I just posted my solution, if you want to see it:https://www.frontendmentor.io/solutions/built-with-flex-margins-were-lots-of-work-4pVKxym2JL

I hope you dont mind: The text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to shortThe text is to short

0

Please log in to post a comment

Log in with GitHub
Discord logo

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