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

Profile Card Component - ReactJS

Nick 160

@HarmoniaCodes

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm definitely seeing the importance of referencing figma files for this challenge! Without them, I had to do a lot of guesswork on font sizes and styling.

Questions:

  • I had difficulty using images in React unless they were in the src folder.

  • What are best practices for importing images?

  • What if the image URIs are called through an array/JSON? How can I prevent the URI displaying only as a string?

Community feedback

NizarMjr 390

@NizarMjr

Posted

Nice work @Nick -You could import image with the keyword import from it's directory for example import IMG1 from './../../images/image1' and you pass {IMG} in src -If you have array of images in json file you could pass through them by map() method

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