@samd1a
Posted
Hi Ebubedike Edwin, congrats on finishing your challenge it looks great!
To improve, I recommend learning more about semantic elements and how they allow for the browser to better understand your webpage. If you have the time, this blog post might help aswell.
In order to center your card, you can use flexbox on your .container
class instead of margins:
display: flex;
justify-content: center;
align-items: center;
Good practices are to use relative units over absolute units as they allow for more flexibility between different screen sizes.
Hope this helps a bit. Keep it up!