Skip to content
Submitted over 1 year ago

Responsive Results Summary Component using CSS grid and flexbox

Abhinav•240
@IamAbhiDev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Results summary component
  • HTML
  • CSS
1newbie

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•240
    @DrZero1234Posted over 1 year ago

    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
    @IamAbhiDevPosted over 1 year ago

    @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

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