Submitted about 2 years ago

Room Homepage using TailwindCSS

Chad•170

@cbuntrakulsuk

Preview site View code

This is a solution for...Room homepage

HTML
CSS
JS

3intermediate

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
@TheMrBombasticPosted about 2 years ago
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
@TheMrBombasticPosted about 2 years ago
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

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