Skip to content
Submitted about 2 years ago

Profile Card Component - ReactJS

Nick•160
@HarmoniaCodes
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Profile card component
  • HTML
  • CSS
1newbie

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
    @NizarMjrPosted about 2 years ago

    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

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