diff --git a/practice/practice-01/.editorconfig b/practice/practice-01/.editorconfig
deleted file mode 100644
index dad6b58..0000000
--- a/practice/practice-01/.editorconfig
+++ /dev/null
@@ -1,11 +0,0 @@
-# editorconfig.org
-
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
\ No newline at end of file
diff --git a/practice/practice-01/.prettierrc b/practice/practice-01/.prettierrc
new file mode 100644
index 0000000..9fb01bb
--- /dev/null
+++ b/practice/practice-01/.prettierrc
@@ -0,0 +1,7 @@
+{
+  "bracketSameLine": false,
+  "bracketSpacing": true,
+  "embeddedLanguageFormatting": "auto",
+  "printWidth": 120,
+  "tabWidth": 2
+}
diff --git a/practice/practice-01/.vscode/settings.json b/practice/practice-01/.vscode/settings.json
new file mode 100644
index 0000000..c822b2b
--- /dev/null
+++ b/practice/practice-01/.vscode/settings.json
@@ -0,0 +1,5 @@
+{
+    "[html]": {
+        "editor.defaultFormatter": "esbenp.prettier-vscode"
+    }
+}
diff --git a/practice/practice-01/src/index.html b/practice/practice-01/src/index.html
index 298d6cb..080303a 100644
--- a/practice/practice-01/src/index.html
+++ b/practice/practice-01/src/index.html
@@ -22,19 +22,13 @@
                     <a href="javascript:void(0)" class="nav__item-link">Home</a>
                   </li>
                   <li class="nav__item">
-                    <a href="javascript:void(0)" class="nav__item-link"
-                      >Portfolio</a
-                    >
+                    <a href="javascript:void(0)" class="nav__item-link">Portfolio</a>
                   </li>
                   <li class="nav__item">
-                    <a href="javascript:void(0)" class="nav__item-link"
-                      >Services</a
-                    >
+                    <a href="javascript:void(0)" class="nav__item-link">Services</a>
                   </li>
                   <li class="nav__item">
-                    <a href="javascript:void(0)" class="nav__item-link"
-                      >Contact</a
-                    >
+                    <a href="javascript:void(0)" class="nav__item-link">Contact</a>
                   </li>
                 </ul>
               </nav>
@@ -45,23 +39,14 @@
           <section class="welcome d-flex align-item-center">
             <div class="welcome__content d-flex flex-column">
               <span class="welcome__title text--bold">Welcome</span>
-              <h1 class="welcome__heading text--secondary">
-                Lorem ipsum dolor sit amet consectetur
-              </h1>
+              <h1 class="welcome__heading text--secondary">Lorem ipsum dolor sit amet consectetur</h1>
               <p class="welcome__description text text--sm">
-                Lorem ipsum, dolor sit amet consectetur adipisicing elit.
-                Suscipit nemo hic quos, ab, dolor aperiam nobis cum est eos
-                error ipsum, voluptate culpa nesciunt delectus iste?
+                Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit nemo hic quos, ab, dolor aperiam
+                nobis cum est eos error ipsum, voluptate culpa nesciunt delectus iste?
               </p>
-              <a href="javascript:void(0)" class="btn btn-primary text"
-                >Explore</a
-              >
+              <a href="javascript:void(0)" class="btn btn-primary text">Explore</a>
             </div>
-            <img
-              src="./assets/images/header-image.png"
-              alt="Header Image"
-              class="welcome__image"
-            />
+            <img src="./assets/images/header-image.png" alt="Header Image" class="welcome__image" />
           </section>
         </div>
       </div>
@@ -71,15 +56,9 @@
         <section class="sponsor">
           <div class="sponsor__container align-center">
             <div class="sponsor__content align-center">
-              <span class="sponsor__title text--bold text--title"
-                >Partners</span
-              >
-              <h2 class="sponsor__heading text--secondary text--lg">
-                Lorem Ipsum Dolor
-              </h2>
-              <p class="sponsor__description text">
-                Lorem ipsum, dolor sit amet consectetur adipisicing elit.
-              </p>
+              <span class="sponsor__title text--bold text--title">Partners</span>
+              <h2 class="sponsor__heading text--secondary text--lg">Lorem Ipsum Dolor</h2>
+              <p class="sponsor__description text">Lorem ipsum, dolor sit amet consectetur adipisicing elit.</p>
             </div>
 
             <!-- Logo items -->
@@ -100,9 +79,7 @@
                 <img src="./assets/images/logo-5.png" alt="Logo Sponsor" />
               </li>
             </ul>
-            <a href="javascript:void(0)" class="btn btn-secondary text"
-              >Learn More</a
-            >
+            <a href="javascript:void(0)" class="btn btn-secondary text">Learn More</a>
           </div>
         </section>
 
@@ -110,25 +87,16 @@
         <section class="conversation">
           <div class="conversation__container divide-content-center">
             <!-- Conversation image -->
-            <img
-              src="./assets/images/conversation.png"
-              alt="Conversation Image"
-              class="conversation__image"
-            />
+            <img src="./assets/images/conversation.png" alt="Conversation Image" class="conversation__image" />
 
             <!-- Conversation content -->
             <div class="conversation__content d-flex flex-column">
-              <h2 class="conversation__heading text--secondary text--lg">
-                Lorem ipsum dolor sit amet consectetur
-              </h2>
+              <h2 class="conversation__heading text--secondary text--lg">Lorem ipsum dolor sit amet consectetur</h2>
               <p class="conversation__description text text--gray text--sm">
-                Lorem ipsum, dolor sit amet consectetur adipisicing elit.
-                Suscipit nemo hic quos, ab, dolor aperiam nobis cum est eos
-                error ipsum, voluptate culpa nesciunt delectus iste?
+                Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit nemo hic quos, ab, dolor aperiam
+                nobis cum est eos error ipsum, voluptate culpa nesciunt delectus iste?
               </p>
-              <a href="javascript:void(0)" class="btn btn-secondary text"
-                >Learn More</a
-              >
+              <a href="javascript:void(0)" class="btn btn-secondary text">Learn More</a>
             </div>
           </div>
         </section>
@@ -138,25 +106,16 @@
           <div class="security__container divide-content-center">
             <!-- Security content -->
             <div class="security__content d-flex flex-column">
-              <h2 class="security__heading text--secondary text--lg">
-                Lorem ipsum dolor sit amet consectetur
-              </h2>
+              <h2 class="security__heading text--secondary text--lg">Lorem ipsum dolor sit amet consectetur</h2>
               <p class="security__description text text--gray text--sm">
-                Lorem ipsum, dolor sit amet consectetur adipisicing elit.
-                Suscipit nemo hic quos, ab, dolor aperiam nobis cum est eos
-                error ipsum, voluptate culpa nesciunt delectus iste?
+                Lorem ipsum, dolor sit amet consectetur adipisicing elit. Suscipit nemo hic quos, ab, dolor aperiam
+                nobis cum est eos error ipsum, voluptate culpa nesciunt delectus iste?
               </p>
-              <a href="javascript:void(0)" class="btn btn-secondary text"
-                >Learn More</a
-              >
+              <a href="javascript:void(0)" class="btn btn-secondary text">Learn More</a>
             </div>
 
             <!-- Security image -->
-            <img
-              src="./assets/images/security.png"
-              alt="Image Security"
-              class="security__image"
-            />
+            <img src="./assets/images/security.png" alt="Image Security" class="security__image" />
           </div>
         </section>
 
@@ -166,13 +125,8 @@
             <!-- Team content -->
             <div class="team__content align-center">
               <span class="team__title text--bold text--title">Team</span>
-              <h2 class="team__heading text--secondary text--lg">
-                Our talents
-              </h2>
-              <p class="team__description text">
-                Lorem ipsum, dolor sit amet consectetur Suscipit nemo hic quos,
-                ab,
-              </p>
+              <h2 class="team__heading text--secondary text--lg">Our talents</h2>
+              <p class="team__description text">Lorem ipsum, dolor sit amet consectetur Suscipit nemo hic quos, ab,</p>
             </div>
 
             <!-- Avatar Image -->
@@ -180,16 +134,10 @@
               <!-- Frame 1 -->
               <div class="team__frame">
                 <div class="team__image-content align-center">
-                  <img
-                    src="./assets/images/avatar-1.png"
-                    alt="Avatar Image"
-                    class="team__image"
-                  />
+                  <img src="./assets/images/avatar-1.png" alt="Avatar Image" class="team__image" />
                   <div class="team__information d-flex flex-column">
                     <span class="team__name text--secondary">Peg legge</span>
-                    <span class="team__position text text--sm text--gray"
-                      >Ceo</span
-                    >
+                    <span class="team__position text text--sm text--gray">Ceo</span>
                   </div>
                 </div>
               </div>
@@ -197,18 +145,10 @@
               <!-- Frame 2 -->
               <div class="team__frame">
                 <div class="team__image-content align-center">
-                  <img
-                    src="./assets/images/avatar-2.png"
-                    alt="Avatar Image"
-                    class="team__image"
-                  />
+                  <img src="./assets/images/avatar-2.png" alt="Avatar Image" class="team__image" />
                   <div class="team__information">
-                    <span class="team__name text--secondary"
-                      >Richard guerra</span
-                    >
-                    <span class="team__position text text--sm text--gray"
-                      >Cto</span
-                    >
+                    <span class="team__name text--secondary">Richard guerra</span>
+                    <span class="team__position text text--sm text--gray">Cto</span>
                   </div>
                 </div>
               </div>
@@ -216,18 +156,10 @@
               <!-- Frame 3 -->
               <div class="team__frame">
                 <div class="team__image-content align-center">
-                  <img
-                    src="./assets/images/avatar-3.png"
-                    alt="Avatar Image"
-                    class="team__image"
-                  />
+                  <img src="./assets/images/avatar-3.png" alt="Avatar Image" class="team__image" />
                   <div class="team__information">
-                    <span class="team__name text--secondary"
-                      >Alexandra stolz</span
-                    >
-                    <span class="team__position text text--sm text--gray"
-                      >Designer</span
-                    >
+                    <span class="team__name text--secondary">Alexandra stolz</span>
+                    <span class="team__position text text--sm text--gray">Designer</span>
                   </div>
                 </div>
               </div>
@@ -235,23 +167,15 @@
               <!-- Frame 4 -->
               <div class="team__frame">
                 <div class="team__image-content align-center">
-                  <img
-                    src="./assets/images/avatar-4.png"
-                    alt="Avatar Image"
-                    class="team__image"
-                  />
+                  <img src="./assets/images/avatar-4.png" alt="Avatar Image" class="team__image" />
                   <div class="team__information">
                     <span class="team__name text--secondary">Janet bray</span>
-                    <span class="team__position text text--sm text--gray"
-                      >Developer</span
-                    >
+                    <span class="team__position text text--sm text--gray">Developer</span>
                   </div>
                 </div>
               </div>
             </div>
-            <a href="javascript:void(0)" class="btn btn-secondary text"
-              >View Team</a
-            >
+            <a href="javascript:void(0)" class="btn btn-secondary text">View Team</a>
           </div>
         </section>
       </div>
@@ -262,57 +186,29 @@
           <div class="footer__content d-flex justify-content-between">
             <div class="footer__logos d-flex">
               <a href="javascript:void(0)"
-                ><img
-                  src="./assets/images/facebook.svg"
-                  alt="Facebook logo"
-                  class="footer__logo-item"
+                ><img src="./assets/images/facebook.svg" alt="Facebook logo" class="footer__logo-item"
               /></a>
               <a href="javascript:void(0)"
-                ><img
-                  src="./assets/images/instagram.svg"
-                  alt="Instagram logo"
-                  class="footer__logo-item"
+                ><img src="./assets/images/instagram.svg" alt="Instagram logo" class="footer__logo-item"
               /></a>
               <a href="javascript:void(0)">
-                <img
-                  src="./assets/images/twitter.svg"
-                  alt="Twitter logo"
-                  class="footer__logo-item"
-                />
+                <img src="./assets/images/twitter.svg" alt="Twitter logo" class="footer__logo-item" />
               </a>
               <a href="javascript:void(0)">
-                <img
-                  src="./assets/images/pinterest.svg"
-                  alt="Pinterest logo"
-                  class="footer__logo-item"
-                />
+                <img src="./assets/images/pinterest.svg" alt="Pinterest logo" class="footer__logo-item" />
               </a>
               <a href="javascript:void(0)">
-                <img
-                  src="./assets/images/tiktok.svg"
-                  alt="Tiktok logo"
-                  class="footer__logo-item"
-                />
+                <img src="./assets/images/tiktok.svg" alt="Tiktok logo" class="footer__logo-item" />
               </a>
               <a href="javascript:void(0)">
-                <img
-                  src="./assets/images/wechat.svg"
-                  alt="Wechat logo"
-                  class="footer__logo-item"
-                />
+                <img src="./assets/images/wechat.svg" alt="Wechat logo" class="footer__logo-item" />
               </a>
               <a href="javascript:void(0)">
-                <img
-                  src="./assets/images/youtube.svg"
-                  alt="Youtube Logo"
-                  class="footer__logo-item"
-                />
+                <img src="./assets/images/youtube.svg" alt="Youtube Logo" class="footer__logo-item" />
               </a>
             </div>
 
-            <span class="footer__text text"
-              >&#64; Start, 2022. All rights reserved.</span
-            >
+            <span class="footer__text text">&#64; Start, 2022. All rights reserved.</span>
           </div>
         </div>
       </footer>
diff --git a/practice/practice-01/src/style/main.css b/practice/practice-01/src/style/main.css
index bf6cbac..bfe4117 100644
--- a/practice/practice-01/src/style/main.css
+++ b/practice/practice-01/src/style/main.css
@@ -292,4 +292,4 @@
   line-height: 125%;
 
   color: var(--white);
-}
\ No newline at end of file
+}