My Basic CSS-reset
Mohammed Ali
Posted on August 14, 2024
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:wght@300;400;500;700&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
scroll-behavior: smooth;
text-size-adjust: 100%;
}
html {
font-size: 62.5%;
}
body {
background-color: #1d1d1d;
color: #fff;
font-optical-sizing: auto;
font-family: "Montserrat", sans-serif;
font-weight: 300;
font-style: normal;
font-size: 1.6rem;
height: 100vh;
line-height: 1.6;
overflow: hidden;
width: 100%;
padding-block: 6rem;
}
h1,
h2,
h3 {
padding-bottom: 2rem;
text-transform: uppercase;
}
h1{font-size: 3.2rem;}
h2{font-size: 2.4rem;}
p {
font-size: 1.6rem;
margin: 1rem 0;
}
ul {
list-style: none;
}
a {
text-decoration: none;
color: inherit;
}
💖 💪 🙅 🚩
Mohammed Ali
Posted on August 14, 2024
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.