Restructuring Project

Author: Aman Kumar Sinha

index.html

@@ -39,7 +39,7 @@ <h1>
                 <h3 class="card-title"> Add & Remove Friend</h3>
 
                 <div class="button">
-                    <a href="facebook-add-remove-friend.html">Open</a>
+                    <a href="project1/facebook-add-remove-friend.html">Open</a>
                 </div>
             </div>
 

insta-story.css

@@ -12,11 +12,11 @@ main {
     display: flex;
     align-items: center;
     justify-content: center;
-    padding: 3rem;
+    padding: 1rem;
     flex-direction: column;
 
     & .card {
-      height: 50rem;
+      height: 55rem;
       width: 33rem;
       box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
         rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;

facebook-add-remove-friend.css project1/facebook-add-remove-friend.cssfacebook-add-remove-friend.css renamed to project1/facebook-add-remove-friend.css

@@ -35,7 +35,7 @@ main {
 
 
             & .image {
-                background-image: url(images/model.webp);
+                background-image: url(/images/model.webp);
                 height: 18rem;
                 width: 25rem;
                 background-repeat: no-repeat;

facebook-add-remove-friend.html project1/facebook-add-remove-friend.htmlfacebook-add-remove-friend.html renamed to project1/facebook-add-remove-friend.html

@@ -7,7 +7,7 @@
     <meta name="description" content="Learn how to add and remove friends on Facebook using JavaScript. Enhance your skills with practical examples.">
     <meta name="robots" content="index, follow">
     <title>Facebook Add Remove Friend | Javascript Projects</title>
-    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="/styles.css">
     <link rel="stylesheet" href="facebook-add-remove-friend.css">
 
 </head>