Responsive Using Flex

Community feedback

• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @baskarancs15,

  Nice job on you first attempt of the challenge

  The card is slightly off center you can add the following to center the card in the middle of the page.

  body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
  }
  
  .card, .card-content {
      margin: 0;
      background: #fff;
  }
  

  The image also seem distorted. you can add object-fit: cover to fix that. Hope this if helpful.

  0