Profile card component solution

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello ASH2001, congratulations for your new solution!

  I've checked your code and the reason why the card is not responsive its because you've used min-width to the card and the hr with width. If you set min-width this means that the container can grow but not contract, if you want the opposite behavior you should use max-width that means that the container has a maximum size but can contract.

  .card {
      background-image: url(images/bg-pattern-card.svg);
      background-repeat: no-repeat;
      background-size: contain;
      max-width: 33.75rem;
      height: 36.75rem;
      display: flex;
      justify-content: center;
      flex-direction: column;
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0