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

Responsive Card Component built with no boilerplate: Svelte + WindiCSS

#svelte
Shawn Lee 560

@OGShawnLee

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 Shawn here! In this project I learnt to use WindiCSS's safelist feature to prevent dynamic concatenations from being removed when all the CSS classes are compiled and reduced.

I wonder if the Card component I built for all the 3 cards is ideal beacuse I used svelte:fragments to place the title and paragraph instead of passing them as props. Don't know which one makes more sense in this case.

As always, any feedback is welcome and appreciated!

Community feedback

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