Profile card component

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted over 2 years ago

  👾Hello Alejandro Arigon, congratulations for this amazing solution!

  I liked a lots all the work you've done here with the customization of the card design. Its amazing!

  All you need to do now is make your component responsive by replacing all the properties width with max-width note that if you set width the element doesnt grow because its a fixed property, so if you expect an element responsive, avoid width.

  See the code fixes below:

  .card {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 370px;
      height: 400px;
      background-color: #000;
      border: solid 3px #127e86;
      border-radius: 15px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      background-image: url(images/bg-card-personal.jpg);
      background-repeat: no-repeat;
      background-position-x: center;
  }
  

  Hope it helps and happy coding!

  Marked as helpful

  1

  ---

  

  Alejandro Arigon•110

  @AlejandroArigonPosted over 2 years ago

  @correlucas Hello Lucas, I already changed the width in the code. thanks for the feedback!

  0