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 Results Summary Component using CSS grid and flexbox

Abhinavβ€’ 240

@IamAbhiDev

Desktop design screenshot for the Results summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


It was my first time creating a layout. I recently got out of tutorial hell, So I faced difficulty writing code myself but I was able to understand it all and customize it in the end. Please let me know if there is anything I can add to my code. Thanks!

Community feedback

DrZero1234β€’ 210

@DrZero1234

Posted

Hey!

I quickly glanced over your site and noticed 2 problems (the second is a bit advanced)

  1. Your icon images are simply not loaded. Maybe when you tested locally it worked but after shipping it to GithubPages it doesnt. I tested it in browser and maybe all you have to do is put a dot (.) before each icon path

  2. There is blank space above your "Result" Window in Firefox and Edge. In Chrome it looks properly.

Marked as helpful

1

Abhinavβ€’ 240

@IamAbhiDev

Posted

@DrZero1234 Thanks for your help! The browser was finally able to load images after I made those changes and as for the second problem, I'll take a look at it too.

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