Skip to content
Submitted about 2 months ago

Four Card Feature Section | Tailwindcss

accessibility, tailwind-css
Xianort•170
@xianort
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

At first, I didn't know how to achieve the challenge layout. I thought about using Grid with Flex and an extra div for the two middle boxes, but I figured out a way to do it with a three-column by two-row grid. I made the first and last boxes span two rows, and centered them using align-items property, which did the trick.

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

Help with code and accessibility is welcome.

Code

Please log in to post a comment

Log in

Community feedback

  • newJSHacker•90
    @laravue-18

    Great Job

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