Skip to content
Submitted over 2 years ago

Responsive 3 Column Card with Grid auto-fit

tailwind-css
LVL 2
star-369•280
@star-369
A solution to the 3-column preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What I have learned from this challenge:

  1. Responsive layout using grid auto-fit and auto-fill
  2. Using logical properties for the first time
  3. DRY(Don't Repeat Yourself)

My question to the community: I keep repeating border radius for different viewport size, is there any solutions for this?

Update Moving this project to use tailwind and doing revision(Update 4 Feb 24).

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on star-369’s solution.

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