Html and css

Hi there! Looks great! Quick tips, don't forget to follow the style guide that is in the folder when you download your challenge. Also, don't forget to use Google Fonts to get the font that matches the challenge. Lastly, remove the bottom <div class="attribution"></div> this is causing some problems in your code.

Hi Mansir, Add this code below to make your container centered both vertically and horizontally:

.container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh; 
}

Also remove this code below from your card component:

  <div class="attribution">
              Challenge by
              <a
                href="https://www.frontendmentor.io?ref=challenge"
                target="_blank"
                >Frontend Mentor</a
              >. Coded by <a href="#">Mansir Abdul Aziz</a>.
</div>

If you find this helpful kindly mark as helpful,Thanks