3 Column preview card

Hello there 👋. Good job on completing the challenge !

I have some suggestions about your code that might interest you.

• In Tailwind CSS, you can create borders with the rounded utility class by using responsive prefixes like sm, md, lg, etc.

  Here are the common border radius values you can use with the rounded utility class:

  • rounded-sm: Small border radius.
  • rounded-md: Medium border radius.
  • rounded-lg: Large border radius.
  • rounded-full: Full border radius, making the element like a circle.

• For your component, you can create it using one of the rounded classes and utilize overflow-hidden ( overflow: hidden in CSS) to clip any excess parts.

  Here's an example of how you can use it:

  <div class="main-container rounded-lg overflow-hidden flex justify-center max-[857px]:flex-col w-auto my-20">
  

I hope you find it useful! 😄 Above all, the solution you submitted is great!

Happy coding!