Melvin Aguilar 🧑🏻💻• 61,220
@MelvinAguilar
Posted
Hello there 👋. Good job on completing the challenge !
I have other suggestions about your code that might interest you.
-
To center the component in the page, you should use Flexbox or Grid layout. You can read more about centering in CSS here 📘.
Using grid layout
body { min-height: 100vh; display: grid; place-content: center; } card { /* margin: 120px auto; */ }
- You should use a CSS reset. A CSS reset is a set of CSS rules that are applied to a webpage in order to remove the default styling of different browsers.
Font 🔤:
-
It's recommended that you always use the font provided by the challenge's style guide.To import a font, follow the steps below:
- Go to the font's page on Google Fonts: https://fonts.google.com/specimen/Outfit.
- A sidebar will appear with a code snippet that you can use to import the font.
- Copy this code snippet and paste it into the <head> section of your HTML document.
- Now you can use the "Outfit" font in your CSS by specifying
font-family: 'Outfit', sans-serif;.
I hope you find it useful! 😄
Happy coding!
Marked as helpful
2
