Score-card design solution

Community feedback

• 

  Olaniyi Ezekiel•7,580

  @Ezekiel225Posted 10 months ago

  Hello there 👋.

  Good job on completing the challenge !

  Your project looks really good!

  I have suggestions about your code that might interest you.

  Consider adding a min-height of 100vh to the body element so as to centralize your project.

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

  Consider changing the background-color of the container div with the class of container1 to background: linear-gradient(to bottom, hsl(252, 100%, 67%), hsl(241, 81%, 54%)).

  .container {
    background: linear-gradient(to bottom, hsl(252, 100%, 67%), hsl(241, 81%, 54%));
  }
  

  Also change the background-color of div the result score to background: linear-gradient(to bottom, hsl(252, 100%, 67%), hsl(241, 81%, 54%))

  div {
    background: linear-gradient(to bottom, hsl(252, 100%, 67%), hsl(241, 81%, 54%));
  }
  

  I hope it helps!

  Other than that, great job!

  Happy coding.

  Marked as helpful

  0