add more css classes

public/css/style.css

@@ -1,6 +1,4 @@
-
 @import url('https://rsms.me/inter/inter-ui.css');
-
 html {
   font-family: 'Inter UI', sans-serif;
 }
@@ -12,48 +10,61 @@ body {
 main {
 }
 
-.header{
+.header {
+  margin-top: 5rem;
   color: white;
   text-align: center;
   font-size: 2rem;
 }
 
+.header__desc {
+  color: white;
+  text-align: center;
+  font-size: 1rem;
+}
+
 .nav__container {
   position: fixed;
-display: block;
-top: 0;
-height: 9vh;
-background: white;
-width: 100%;
+  display: block;
+  top: 0;
+  height: 9vh;
+  background: white;
+  width: 100%;
 }
+
 .nav__list {
   margin: 0px;
   padding: 1vh;
 }
+
 .nav__link {
   text-decoration: none;
 }
+
 .nav__link img {
   height: 30px;
-  padding:1vh;
+  padding: 1vh;
 }
 
-
 .nav__item {
 }
+
 .section__banner {
   height: 100vh;
-  background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.6)), url('../images/background.jpg') ;
+  background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),
+    url('../images/background.jpg');
   background-size: cover;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
+
 .section__coins {
   height: 60%;
   width: 60%;
   margin: auto;
 }
+
 .coins__list {
   /* background-color: white; */
   margin: 0 auto;
@@ -63,6 +74,7 @@ width: 100%;
   grid-row-gap: 5vh;
   text-align: center;
 }
+
 .coin__list--item {
 }
 
@@ -74,8 +86,9 @@ width: 100%;
 }
 
 .coin__list--item img:hover {
-  transform: rotateY( 360deg );
+  transform: rotateY(360deg);
 }
+
 .coin__logo {
 }
 
@@ -105,14 +118,13 @@ width: 100%;
 }
 
 .coin-article__header h1 {
-margin: auto;
+  margin: auto;
 }
 
 .coin-article__body {
-
 }
 
-.coin-article__body div{
+.coin-article__body div {
   border: black solid 1px;
   padding: 10px;
 }
@@ -121,6 +133,20 @@ margin: auto;
   background-color: gray;
 }
 
+.avatars__list {
+  margin: 0 auto;
+  display: grid;
+  height: 50vh;
+  grid-template-columns: repeat(4, 1fr);
+  grid-row-gap: 5vh;
+  text-align: center;
+}
+
+.avatar {
+  max-height: 40vh;
+  justify-content: center;
+}
+
 /* .footer__container {}
 .error {}
 .error__desc {}