バレンタイン 😈• 64,190
@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
0
