Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Card Components Using HTML5 and CSS (TailwindCSS + AnimateCSS)

Mijail Hernandezβ€’ 950

@MishaHernandez

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello πŸ‘‹ This is my second challenge using Tailwind CSS for agile component design, this time without using any preprocessors. As a bonus I added some animations from the AnimateCSS library to improve the UX. Any feedback would be appreciated. Happy Coding!

Community feedback

Rayaneβ€’ 1,935

@RayaneBengaoui

Posted

Hello Mijail Hernandez,

Congrats for completing this challenge ! πŸ™‚

Nothing much to add, it's almost pixel perfect and the animation is pretty cool ! I've never used Tailwind CSS before, how much do you like it so far ?

Overall, well done for the challenge and happy coding ! πŸ˜ƒ

1

Mijail Hernandezβ€’ 950

@MishaHernandez

Posted

Thank you @RayaneBengaoui.

So far I find it very comfortable to design components in a short time. The use of utility classes makes it very convenient when customizing your design.

1
Rayaneβ€’ 1,935

@RayaneBengaoui

Posted

@MishaHernandez Nice ! I'll probably take a look at the doc then. Good luck on your next challenges ! πŸ™‚

0

Please log in to post a comment

Log in with GitHub
Discord logo

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