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 preview card using a CSS flex container

Jeremy 140

@Duck322

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


Fun and challenging project for me! I tried using @import for my fonts and icons, but I'm wondering if this is acceptable or if there is another way that would be considered best practice? The shopping cart icon does seem to lag a little when the page loads.

Community feedback

@jhellard

Posted

You can use either @import or simply have a link tag in your index, both work the same. I will say I don't generally see people using @import in their CSS files, I'd recommend placing them solely in your index file.

Marked as helpful

0

Jeremy 140

@Duck322

Posted

@jhellard Okay, thank you! That's 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