Four card feature section built with 11ty and WebC
Design comparison
Solution retrospective
Tried a new template language called WebC for this challenge, and overall it was a pleasant experience. Compared to React, it's less verbose (it's just HTML) and I like that I can place my CSS and JavaScript along with the component markup. It also compiles to static HTML, so it works even if JavaScript is disabled.
The only issue I had was with trying to use a prop in the component CSS to set the color of the top border dynamically. I couldn't figure out how to do it, so I just used the style
attribute with CSS custom properties for now. If anyone knows how to do this, feel free to share your feedback! :)
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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