Skip to content
Submitted over 1 year ago

3-column preview card component (React + Tailwindcss)

Michael Lei•150
@michaeleii
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Did some neat little trick using an object to get the classes for the colors required for each section in the ColumnSection and Button component.

Any helpful tips and suggestions are welcomed :3

Built with

Community feedback

  • Renee•285
    @RFMC22Posted over 1 year ago

    very good work, Just a small detail when changing the view to a smaller format, the Sedans and Luxury cards maintain the border radius.

    lg:first:rounded-l-xl lg:last:rounded-r-xl
    1
    Michael Lei•150
    @michaeleiiPosted over 1 year ago

    @RFMC22 whoops looks like I missed it, thanks its been fixed :3

    1

Please log in to post a comment

Log in with GitHub

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