Responsive Profile Card Component

Hello there! Good job with this one. Viewing your solution, I would suggest the following for you...

• Add these properties inside the body tag background-position: center center; and background-size: cover;
• Create a new rule set called main and add this properties...

main {
  width: 400px;
  height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: auto;
}

• Remove the width and height in the .profile-card and add padding-bottom: 1.5rem;
• Add margin-bottom: 1rem; in the rule set of .info h3.head-3
• Adjust the properties in the media queries
• Instead of h5 alternative is h4
• Add color value to hr with color: hsla(223, 10%, 83%, 0.79);

Hope this helps and Keep it up!