@VCarames
Posted
Congrats on completing this challenge!
To center you card into you page you want to add the following to your *<body> element;
body { min-height: 100vh; display: flex; justify-content: center; align-items: center; }
Next, you'll want to delete the height: 570px
(your content will create the height) and the margin (no longer needed with the above code) from your <main> element. Once you've done that, change your width: 325px
to max-width: 325px
(to make it responsive)
Lastly, to make your content semantically correct, you'll want to change you <main> element to <article> element