Submitted 7 months ago

Result Summary Component project challenge

Kyle Deguzman• 110

@CSE-Kyle

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Results summary component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

my reflection upon going through this project :

What did you find difficult while building the project?

A: I mainly found completing the right side of the project difficult for me. Getting each element to where it needs to be positioned according to the design provided.

Which areas of your code are you unsure of?

A: this is what I'm unsure of :

positioning of the elements on the summary section (right side).
website responsiveness to be accessible especially for mobile viewing.

Do you have any questions about best practices?

A: I've started to discover about this best practice of "mobile first" that I was suggested, by the frontend mentor community. I've been doing research about it to learn more about it and how I can be good at it. I would also like any advice/suggestions along side any resources that can help me be better at mobile first design.

please do to take a look at my code with the uploaded project. Any advice and suggestions would be greatly appreciated on how I can improve this project, it's not at its final stage yet and I will still edit it along the way. Thanks!

Community feedback

Bishal Singh Deo🎮• 1,440

@Bishalsnghd07

Posted 7 months ago

Hi @CSE-Kyle👋

Great work👏 and congrats for completing this challenge 🎉

I have one suggestion for you might be helpful. I see your code, almost every thing you did good, but for mobile responsiveness you are missing one thing that is min-height and because of this your layout is breaking in smaller screen add this to body of your web page👉

  background-color: hsl(221, 100%, 96%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: HankGro;
  min-height: 100vh;✅(add this one)
}

Marked as helpful

Kyle Deguzman• 110

@CSE-Kyle

Posted 7 months ago

@Bishalsnghd07 thank you for your suggestion! I will go ahead and fix this!

Please log in to post a comment

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