zhuk1707
diff --git a/‎blocks/lorem-ipsum.css‎
Lines changed: 9 additions & 3 deletions b/‎blocks/lorem-ipsum.css‎
Lines changed: 9 additions & 3 deletions
diff --git a/‎blocks/lorem-ipsum.css.map‎
Lines changed: 1 addition & 1 deletion b/‎blocks/lorem-ipsum.css.map‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎blocks/lorem-ipsum.scss‎
Lines changed: 9 additions & 4 deletions b/‎blocks/lorem-ipsum.scss‎
Lines changed: 9 additions & 4 deletions
diff --git a/‎index.html‎
Lines changed: 2 additions & 2 deletions b/‎index.html‎
Lines changed: 2 additions & 2 deletions
diff --git a/‎pages/lorem-ipsum.html‎
Lines changed: 3 additions & 2 deletions b/‎pages/lorem-ipsum.html‎
Lines changed: 3 additions & 2 deletions
diff --git a/‎scripts/lorem-ipsum.js‎
Lines changed: 62 additions & 0 deletions b/‎scripts/lorem-ipsum.js‎
Lines changed: 62 additions & 0 deletions
@@ -5,6 +5,10 @@
 
   &__generator {
   }
+
+  &__generated-text {
+    margin-top: 30px;
+  }
 }
 .generator {
   display: flex;
@@ -38,13 +42,14 @@
 
     }
   }
-
-  &__generated-text {
-    margin-top: 60px;
-  }
 }
 
 .generated-text {
   padding: 30px;
+  border-radius: 30px;
+  background-color: white;
 
+  & p:not(:last-child) {
+    margin-bottom: 1rem;
+  }
 }
@@ -98,11 +98,11 @@ <h1 class="main__title">Small JavaScript Projects</h1>
 
                     <div class="cards-block__item">
                         <a href="pages/counter.html" class="cards-block__image">
-                            <img src="images/main-page/08.png" alt="Reviews">
+                            <img src="images/main-page/08.png" alt="Lorem Generator">
                         </a>
                         <a href="pages/counter.html"
                            class="cards-block__title">Lorem Generator</a>
-                        <p class="cards-block__subtitle">...</p>
+                        <p class="cards-block__subtitle">The user can create a fake Latin text for a selected number of paragraphs. </p>
                     </div>
 
 
 
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <title>Countdown</title>
+    <title>Lorem Generator</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="../common/general.css">
     <link rel="stylesheet" href="../common/common.css">
@@ -17,12 +17,13 @@ <h1 class="main__title">Lorem Ipsum Generator</h1>
                 <form class="generator__form">
                     <label for="amount">Number of paragraphs:</label>
                     <input type="number" name="amount" id="amount"
-                           placeholder="1">
+                           placeholder="">
                     <button type="submit">Generate</button>
                 </form>
             </div>
 
             <div class="main__generated-text generated-text">
+                Your text will be here
             </div>
         </div>
     </main>
Original file line number	Diff line number	Diff line change
`@@ -5,6 +5,10 @@`
`5`	`5`
`6`	`6`	`&__generator {`
`7`	`7`	`}`
	`8`	`+`
	`9`	`+ &__generated-text {`
	`10`	`+ margin-top: 30px;`
	`11`	`+ }`
`8`	`12`	`}`
`9`	`13`	`.generator {`
`10`	`14`	`display: flex;`
`@@ -38,13 +42,14 @@`
`38`	`42`
`39`	`43`	`}`
`40`	`44`	`}`
`41`		`-`
`42`		`- &__generated-text {`
`43`		`- margin-top: 60px;`
`44`		`- }`
`45`	`45`	`}`
`46`	`46`
`47`	`47`	`.generated-text {`
`48`	`48`	`padding: 30px;`
	`49`	`+ border-radius: 30px;`
	`50`	`+ background-color: white;`
`49`	`51`
	`52`	`+ & p:not(:last-child) {`
	`53`	`+ margin-bottom: 1rem;`
	`54`	`+ }`
`50`	`55`	`}`