Adarsh Rai• 560
@AdarshRai0
Posted
Hi Rajnish, congratulations on your new challenge!
I took a look at your code and I have some tips for you.
Always add the "!DOCTYPE"
HTML Language
<html lang="en">
Browser has a default style sheet called User Agent Stylesheet which adds margin to headings and paragraphs and applies font properties to all elements.
I usually reset all the styles and I start from scratch.
Here is my styles.css
:root{
/* colors and fonts */
--font: "Montserrat", sans-serif;
--white: #ffffff;
}
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
html{
font-size: 62.5%;
}
html, body{
height: 100%;
}
body{
width: 100%;
font-family: var(--font);
}
/* Other rule-sets */
Congratulations, since your first project, your challenges have gotten better and better.
1