Skip to content
Submitted over 2 years ago

RESPONSIVE HTML CSS

DEEPAK KUMAR VERMA•20
@deepakkumarvermabca
A solution to the Product preview card component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

wondering about why font awesome icon is not showing here.

Code

Please log in to post a comment

Log in

Community feedback

  • Harshit Joshi•120
    @TheFoxian

    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

  • Nurio34•510
    @Nurio34

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

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