Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

HTML,CSS and responsive design solution using flex and grid

@BehzodKholmahmadov

Desktop design screenshot for the Product preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I had only one problem with price fonts please help

Community feedback

@MaximilianoDanielGarcia

Posted

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
Discord logo

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