PROFILE-CARD-PREVIEW

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Oyindamola, congratulations for you new solution!

  body {
      display: flex;
      background: url(./images/bg-pattern-top.svg) right 50vw bottom 40vh no-repeat, url(./images/bg-pattern-bottom.svg) left 50vw top 50vh no-repeat, hsl(185, 75%, 39%);
      min-height: 100vh;
      align-items: center;
      justify-content: center;
      flex-direction: column;
  }
  

  You card component isn't responsive due the fix width you've set, so replace it with max-width to allow the card contract whent he screen scales down.

  #card {
      max-width: 350px;
  }
  

  Note that you don't need to use id in this challenge, prefer to use .class. ID is a too much specific selector and its better you use it with form and when your code will need Javascript.

  Hope it helps, happy coding!

  Marked as helpful

  0

  ---

  

  Oyindamola•280

  @OyinaladePosted over 2 years ago

  @correlucas Thank you very much.

  1