Submitted about 1 year ago

4 card feature section - grid, vite, advanced sass

C4rlos• 410

@solracss

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Four card feature section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Simple desing but lot of new things to test on. Decided to deviate a bit from design and added tablet view (2x2 grid).|

What I trained for this challenge:

use vite for compiling sass (no extensions)
clamp() for font-size instead of mediaquery
first try of 7-1 sass structure
@mixins, list, if/else operators, loops
grid layout

Check it and leave comment!

Community feedback

Please log in to post a comment

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