Skip to content
Submitted over 1 year ago

solution1

ciaower17•280
@ciaower17
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

i dont know if its normal but this little thing took this much code, maybe i just did it wrong, and idk but its doesnt seem easy level for me xD.

Community feedback

  • Bhoami K Khona•360
    @bhoamikhonaPosted over 1 year ago

    Hello there 👋. Good job on getting so far on the challenge!

    I have some suggestions about your code that might interest you.

    HTML 🏷️:

    • Use semantic elements such as <main>, <section>, <footer> to improve accessibility and organization of your page.

    CSS 🎨:

    • Your layout also doesn't seem responsive which is why it may look different on different screen sizes. I see you are using bootstrap, I would suggest reading through the bootstrap grid system to understand how it works to make your layout responsive. Maybe classes like col-md-6 should help.

    I hope you find it useful! 😄

    Happy coding!

    0
    ciaower17•280
    @ciaower17Posted over 1 year ago

    @bhoamikhona i did make it responsive but didnt update it on github now it looks fine

    0
    ciaower17•280
    @ciaower17Posted over 1 year ago

    @bhoamikhona its updated now

    0
  • ciaower17•280
    @ciaower17Posted over 1 year ago

    and the screenshot doesnt show how it really displays on the website idk why

    0
    Bhoami K Khona•360
    @bhoamikhonaPosted over 1 year ago

    @ciaower17 click on generate a new screenshot

    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