@eby-coder
Posted
Congrats on completing this challenge. As for your question, I think one way of reducing the code and making it effective is to use the universal selector(*) instead of listing out all your html elements.
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
...
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
The universal selector selects any and all types of elements in an HTML page. It is useful when we want to select all the elements on the page. So, instead of this⬆️, you can use this⬇️
* {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
I hope this is helpful. Congrats once more on your solution.
Marked as helpful