@MelvinAguilar
Posted
Hello there ๐. Good job on completing the challenge !
I have some suggestions about your code that might interest you.
Metadata ๐๏ธ:
-
The
viewport
meta tag is missing. theviewport
meta tag is used to control the layout of the page on mobile devices. Add theviewport
meta tag to the<head>
tag:<meta name="viewport" content="width=device-width, initial-scale=1.0">
.You can check your solution on a mobile device to see how your solution is distorted by not using this tag. โ ๏ธ
CSS Reset ๐:
I'm sorry I can't help you much with the margins, I can only advise you to start with a CSS reset because each element like paragraphs and h3
have a default margin that takes up space.
-
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.
CSS resets that are widely used:
I hope you find it useful! ๐
Happy coding!
Marked as helpful
@nzcastilan
Posted
Thanks @MelvinAguilar I'll have a look at those articles and refactor my code :)