Result summary component

👋 Hey, @Alqalis! I have a few suggestions for your project:

1. Use display: flex for the body like this:

body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

This will make it easier to center all the content.

• If you want to dive deeper into learning Flexbox, here is a great link from MDN. For an interactive way of learning Flexbox properties, check out Flexbox Froggy.

2. responsive @media screen and (min-width: 200px) and (max-width: 500px)

• min-width: 200px means the styles will apply if the screen width is at least 200 pixels.
• max-width: 500px means the styles will apply if the screen width is no more than 500 pixels.

this mean you do not need to add (min-width: 200px) because it will apply the style in very small screen .

Keep up the fantastic work! 💪

I hope you find this helpful. 😊