Skip to content
Submitted about 1 year ago

HTML,CSS and responsive design solution using flex and grid

BehzodKholmahmadov•30
@BehzodKholmahmadov
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Product preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I had only one problem with price fonts please help

Community feedback

  • MaximilianoDanielGarcia•1,980
    @MaximilianoDanielGarciaPosted about 1 year ago

    Hi @BehzodKholmahmadov, good job!

    You have two ways to import a font, modifying the html or modifying the css.

    • Importing font in HTML
    <head>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,[email protected],400;9..144,700&display=swap" rel="stylesheet">
</head>
    • OR importing in CSS file
    @import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,[email protected],400;9..144,700&display=swap');

    I hope these are helpful to you.

    Marked as helpful
    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