Skip to content
Submitted almost 2 years ago

Basic CSS and HTML

Vitor Magnago•130
@VitorMagnago
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

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?

Community feedback

  • Grace•31,090
    @grace-snowPosted almost 2 years ago

    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
    2
    Vitor Magnago•130
    @VitorMagnagoPosted almost 2 years ago

    @grace-snow Damn, I missed that detail, I didn't notice.

    Thanks again for the feedback, you always give great advices that I've been using to improve my skills.

    0

Please log in to post a comment

Log in with GitHub

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