Skip to content
Submitted 5 months ago

Blog preview card

3bbadi•50
@3bbadi
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blog preview card
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Community feedback

  • santiagocamposenr•50
    @santiagocamposenrPosted 4 months ago

    Improvements and Recommendations for the Code

    1. @import Optimization

    Using @import to load fonts can slow down the CSS rendering as it blocks the loading process. Instead, include the font link directly in the <head> section of the HTML:

    <link href="https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Outfit:wght@100..900&display=swap" rel="stylesheet">
    1
    3bbadi•50
    @3bbadiPosted 3 months ago

    @santiagocamposenr thank you bro, you are right.

    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