add animation

Emilsone · Apr 20, 2022 · 566d715 · 566d715
1 parent 9f3eb35
commit 566d715
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/css/animate.min.css b/css/animate.min.css
diff --git a/css/style.css b/css/style.css
@@ -209,8 +209,8 @@ header {
     font-weight: 700;
     text-align: center;
   }
-  .createNewListDimain-section {
-    padding: 1rem 2rem;
+  .main-section {
+    padding: 1rem 5rem;
   }
 
   .paragraph, .heading{

diff --git a/index.html b/index.html
@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="A Progressive shopping app with HTML CSS AND JAVASCRIPT">
     <link href="https://fonts.googleapis.com/css2?family=Karla&amp;display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="css/animate.min.css">
     <link rel="stylesheet" href="css/style.css">
     <link rel="manifest" href="./manifest.json">
     <title>Grocery App</title>
@@ -23,7 +24,7 @@
 <body>
     <header>
 
-        <h1 class="heading">
+        <h1 class="heading animate__animated animate__bounceInRight">
             Shopping Made Easy With Grocery App
         </h1>
         <p class="paragraph">Grocery App helps you to organize and priotize your list and keep them on track ✔✔✔</p>