Skip to content
Submitted over 2 years ago

Basic CSS and HTML

Vitor Magnago•130
@VitorMagnago
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Another challenge similar to the previous ones but this time I tried to use new things I'm learning, like improving semantic HTML5 markup, CSS Grid, custom Properties and Mobile-first workflow.

Any advices?

Code

Please log in to post a comment

Log in

Community feedback

  • Grace•32,130
    @grace-snow

    It’s really important to never use px for font size, letter spacing or line height

    If you use letter spacing in px it will break when people change their font size because your rem sizes will scale but the px will not. Letters can end up overlapping each other

    Instead, I recommend em for letter spacing so it always scales with its font

    Marked as helpful

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