Skip to content
Submitted 7 months ago

Result summary component using html and css

DevEtudaye•10
@DevEtudaye
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

What are you most proud of, and what would you do differently next time?

Am proud i was able to attempt the challenge but however i would love to work on my stylings next time to get the exact card design and also to make the css less cumbersome as possible

What challenges did you encounter, and how did you overcome them?

I was faced with the timing challenges as i have busy schedules.

What specific areas of your project would you like help with?
  1. Color transparency usage and dimming to get the exact colors used during the challenge
  2. Styling and the html used to achieve the spacing between the result summaries e.g (the space between "Reaction and 80/100) and the entire divs especially the background colors of the entire divs

Community feedback

  • Abhishek Kumar•100
    @abhixdevPosted 7 months ago

    Hey, congratulations on completing the challenge! I had a chance to review your code and noticed a couple of issues that I'd like to address. In your repository, I observed the presence of two HTML files. To streamline the structure, I suggest deleting the current index.html file. Subsequently, rename your existing HTML file Result summary solution.html to "index.html" to serve as the main entry point of your website.

    Additionally, for consistency and clarity, I recommend renaming your CSS file from Result summary solution.css to "styles.css". Once renamed, ensure that it is properly linked to your index.html file using <link rel="stylesheet" href="./styles.css" /> By making these adjustments, you should be able to preview your website accurately. Let me know if you have any questions or need further assistance. Happy Coding!

    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