Skip to content
Submitted 10 months ago

room-homepage with tailwind

tailwind-css, bem
mofada•340
@mofada
A solution to the Room homepage challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

I use BEM and Tailwindcss together. In some complex CSS situations, it is more convenient to use traditional CSS. However, sometimes when adding CSS attributes, I hesitate whether to put this attribute in tailwind or in CSS.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Annalisa•200
    @Annalisa11

    Hi Mofada, I really like your solution! I expecially like the fact that it is simple and it doesn't have too much code, but it does its job really well. I also like the tablet view very much :)

    One thing I would say is that you used many px values for paddings and margins in tailwind. Since tailwind has very well thought through design system, I would try to personalize it as little as possible.
    It's also recommanded to avoid px values since they don't scale very well, but that's a minor thing.

    All in all very nice! Good structure, readable and good names for everything and a good responsive website.

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