This is larger heading

This is smaller heading

This is normal text in paragraph

This is smaller text

Copy-paste this code to in your editor to get the respective style :

<h3>This is larger heading<h3>

<h4>This is smaller heading<h4>

<p>This is normal text in paragraph<p>

<small>This is smaller text<small>

Containers

Fluid container

This is a fluid container. Content in this container is always from end to end touching the edges just like in this example, as I am trying to take the line to the end so to do this I am typing that much of thoughts so that it can reach that end so I am writing random stuff

Center container

Copy-paste this code to in your editor to get the respective style :

.fluid, .cnter {
  font-size:20px;
  padding:40px;
  color:white;
  background-color:#F87171;
}
.cnter {
  text-align:center;
  margin:40px 0px 40px 0px;
}

@links

Copy-paste this code to in your editor to get the respective style :

a {
  padding:10px;
  text-decoration:none;
  color:white;
  background-color:#DC2626;
  font-weight:bold;
  letter-spacing:1px;
  border-radius:10px;
}
#secondary {
  background-color:#FECACA;
  border:2px solid #DC2626;
  color:black;
  margin-left:20px;
}

Lists

Unordered list (without bullets)

Ordered list with reversed numbers

Inline list

Copy-paste this code to in your editor to get the respective style :

ul {
  list-style-type:none;
}
#inlineList li {
  display:inline;
  margin:0px 30px 30px 0px;
  font-weight:bold;
}

@Nav

Copy-paste this code to in your editor to get the respective style :

ul {
  list-style-type:none;
}
#inlineList li {
  display:inline;
  margin:0px 30px 30px 0px;
  font-weight:bold;
  text-align:right;
}
.nav {
  height:100px;
  color:white;
  background-color:#EF4444;
  padding:10px 10px 30px 40px;
  border-radius:20px;
}

@Header

white section

We are an open community of developers building resources for a better Web, regardless of brand, browser, or platform. Anyone can contribute and each person who does makes us stronger. Together we can continue to drive innovation on the Web to serve the greater good. It starts here, with you.

Creating a component library for my future projects with neogcamp

@Typography