Result summary component

Community feedback

• Account deleted

  👋 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. 😊

  0

  ---

  

  ATTAHIRU AHMAD ALKALI•240

  @AlqalisPosted 3 months ago

  @weldu0 ok thank you sir, i make the correction now, but i use grid in this style i like grid, about css flexbox i know him well.

  0