From 25f09abd76858fc08e3d1c62288649a8c1977d2b Mon Sep 17 00:00:00 2001
From: Julie Sagan <saganjules@gmail.com>
Date: Thu, 21 Nov 2024 14:04:20 +0200
Subject: [PATCH] Reorganised code by German's recommendations

---
 04-lection2/02-skeleton/index.html   |  6 +++---
 04-lection2/02-skeleton/skeleton.css | 10 ++--------
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/04-lection2/02-skeleton/index.html b/04-lection2/02-skeleton/index.html
index 597a2ad..4db138d 100644
--- a/04-lection2/02-skeleton/index.html
+++ b/04-lection2/02-skeleton/index.html
@@ -18,9 +18,9 @@
                 </div>
             </div>
 
-            <div class="skeleton__body">
-                <div class="skeleton__body-first"></div>
-                <div class="skeleton__body-second"></div>
+            <div class="skeleton__user-value">
+                <div class="skeleton__line skeleton__line-first"></div>
+                <div class="skeleton__line skeleton__line-second"></div>
             </div>
         </div>
     </div>
diff --git a/04-lection2/02-skeleton/skeleton.css b/04-lection2/02-skeleton/skeleton.css
index a6f8bb6..499049c 100644
--- a/04-lection2/02-skeleton/skeleton.css
+++ b/04-lection2/02-skeleton/skeleton.css
@@ -42,19 +42,13 @@
     width: 50%;
 }
 
-.skeleton__body {
-    display: flex;
-    flex-direction: column;
-}
-
-.skeleton__body-first {
+.skeleton__line-first {
     height: 20px;
     width: 100%;
     background-color: var(--grey-2);
-    margin-bottom: 8px;
 }
 
-.skeleton__body-second {
+.skeleton__line-second {
     height: 20px;
     width: 100%;
     background-color: var(--grey-2);