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

Product preview card component

@Yetco

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 know there are always easier and better ways to solve a project, but can you tell me if I did anything wrong? Thank you in advance.

Community feedback

Account Deleted

This comment was deleted

0

@Yetco

Posted

@GenuineMiyashita I looked at it again and it looks fine. I did notice that I imported it as well, so I commented out <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />. Do you think that is the problem?

0

Account Deleted

@Yetco Did you commit to your repo? Because your Github repo still shows only <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> when I pulled the font for the challenge this was the code Google font provided me to link (Although my entire project is currently broken as I'm redesigning it).

<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],500;9..144,700&family=Montserrat:wght@100;200;400;700&display=swap"
      rel="stylesheet"
    />
0

@Yetco

Posted

@GenuineMiyashita After you said that, I realized that <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> was provided so I didn't remove it from the code. I don't know why you can't see it right on your end.

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