Profile card component using HTML CSS & JavaScript

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Carl, congratulations for your solution!

  The design for this challenge is perfect, you did almost everything. There's only two issues with the .card-section. You've add the background-image inside this tag so when your solution scale downs the cyan background doens't follow its proportions, try to add the background color the body instead.

  To keep the card responsive is better you use max-width and use a value like 350px instead of 100vh. Note that your card ins't contracting when the screen scales.

  Here's the fixes:

  body {
      background: var(--Dark-cyan);
      min-height: 100vh;
  }
  
  .card-section {
   /*   min-height: 100vh; */
      max-width: 350px;
  }
  

  Hope it helps and happy coding!

  Marked as helpful

  0