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

Results summary component

@kauelima21

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Dezza Anne 250

@DezzaAnnePeregrina

Posted

Hey there! Congratulations on completing your Result Summary Component!

I have a suggestion for you. Instead of using the <img> tag to display icons for verbal, reaction, memory, and visuals, it would be beneficial to directly copy the SVG code.

To do this, navigate to the svg file in your assets > img folder, click on it to open the file, and then copy the SVG code. Next, paste this code in the appropriate location where you currently have the <img> tag, replacing it completely.

I hope this suggestion helps you, and happy coding! ☺️🙌🏻

2

Brendon 70

@bcrave

Posted

@DezzaAnnePeregrina, great suggestion! What are some of the advantages of doing it this way? Does it have to do with having fewer images to import from the assets folder? I suppose it would greatly decrease the number of HTTP requests made. Any other reasons?

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