Responsive Stats Preview Card

Community feedback

• 

  Hyron•5,870

  @hyrongennikePosted about 2 years ago

  Hi @birkaany,

  Congrats on completing the challenge

  I think that is how it's supposed to work, it resizing according to the content.

  On mobile you don't have the image, you can add the following the media to fix that.

  @media (max-width: 576px) {
  .container {
      flex-direction: column-reverse;
      max-width: 35rem;
  }
  
  picture.visual-content {
      height: 200px;
  }
  
  .text-content .stats {
      flex-direction: column;
      gap: 1rem;
  }
  
  .text-content {
      padding: 2rem;
      text-align: center;
  }
  }
  

  Hope this is helpful. Let me know if you have any other quesitons.

  0