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

RESPONSIVE HTML CSS

@deepakkumarvermabca

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


wondering about why font awesome icon is not showing here.

Community feedback

@TheFoxian

Posted

Hi Deepak!

Congratulations on completing this challenge. You have used font-awesome-pro cdn in the link tag. Replacing the cdn link with this

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" /> will help.

Also for the classes used in the 'i' tag replace fa-light with fa and your icon will appear.

There is one more feedback related to the image you have used, currently you have used a single image for both desktop and mobile. As per the challenge you need to use 2 different images for 2 different devices using source tag. Read more about Source HTML tag

Thanks

1
Nurio34 510

@Nurio34

Posted

Because you have to write the link of your kitting of font awesome.

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