Skip to content
Submitted 11 months ago

Four card feature section solution with ❤️ react & tw ❤️

Rastislav Hepner•180
@raswonders
A solution to the Four card feature section 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'm proud of finishing some grid theory before starting challenge.

What challenges did you encounter, and how did you overcome them?

Applying different bg color on card stripes was little awkward on dynamically created elements, but I've managed with use of array of predefined tw classes. Also realizing that i can center grid elements easier with odd: tw modifier was cool.

What specific areas of your project would you like help with?

Anything really. Something is inaccessible? Weird or clunky? Let me know. Thx 🙏

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Ian Parker•200
    @i-prkr

    This was a great solution to look at, and interesting to see the use of React and Tailwind for it! The only suggestion that came to mind was that while doing this solution I discovered the element <hgroup> and found this a good use case for it. Thanks for the solution!

  • Vutlhari Shiburi•100
    @Exterminator737

    Good

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