#31 Edit index.html and css file

practice/practice-01/src/style/main.css

@@ -15,7 +15,7 @@
   margin: auto;
   color: var(--white);
   font-family: var(--ff-worksans-regular);
-  font-size: 20px;
+  font-size: var(--font-size-20);
 }
 
 .logo {
@@ -29,13 +29,13 @@
   gap: 30px;
 }
 
-.nav__items-link {
+.nav__item-link {
   text-decoration: none;
   color: var(--white);
   transition: 0.3s;
 }
 
-.nav__items-link:hover {
+.nav__item-link:hover {
   color: var(--text-dark);
 }
 
@@ -48,29 +48,33 @@
   align-items: center;
 }
 
+.welcome__content {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+
 .welcome__image {
   width: 644.279px;
   height: 378.13px;
 }
 
-.welcome__content > p {
+.welcome__title {
   font-size: 16px;
   font-family: var(--ff-worksans-700);
   letter-spacing: 5px;
   text-transform: uppercase;
   color: var(--white);
-  margin-bottom: 15px;
 }
 
-.welcome__content h1 {
+.welcome__heading {
   font-size: 40px;
   font-family: var(--ff-crimsontext-700);
   line-height: 125%;
   color: var(--white);
-  margin-bottom: 15px;
 }
 
-.welcome__content .welcome__description {
+.welcome__description {
   text-transform: none;
   font-size: 15px;
   letter-spacing: 0px;
@@ -93,7 +97,7 @@
   cursor: pointer;
   transition: 0.2s;
   text-decoration: none;
-  font-size: 20px;
+  font-size: var(--font-size-20);
   font-family: Work Sans;
   line-height: 125%;
   font-family: var(--ff-worksans-regular);