
Four card feature section w/ Tailwind CSS & Svelte
Design comparison
Solution retrospective
I was pretty close to my estimate of 2 hours with this one. If I hadn't had some utilities in place from previous builds, it could have taken longer though.
I do like that I was able to really integrate the use of css grid especially the grid-template-areas
property.
The design file had a lot of values that didn't follow the typical spacing system that tailwind uses so I had to do more css styles myself rather than using tailwind classes, which wasn't really a challenge so much as, an extra time sink having to convert values to rem for responsiveness and interpreting the intent behind the design more to determine if I should fudge values towards tailwind spacing.
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