html and css foundations

Community feedback

• 

  Shaima'a Redhwan•80

  @Shaimaa12319Posted 10 months ago

  Hello @Dhananjaysutwane!

  Your project looks very good!

  You can center the card like this:

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  
  

  and change the height from 55 to 75:

  height: 75%;

  Hope it helps!

  Other than that, great job!

  0
• 

  Enis Kerti•590

  @eniskrtPosted 10 months ago

  Good job, but there is something to improve your skills.

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

  You can use this block to get the card in the middle of the page. Also you can give your main-section a max-width property not to expand too much.

  Good code...

  Enis

  0