Merge pull request #153 from sayanp607/main

change in comment section styling with more spaces and button design
GarimaSingh0109 · Oct 2, 2024 · 66cdb35 · 66cdb35
2 parents e8cb344 + 9e5d36c
commit 66cdb35
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/comment.html b/comment.html
@@ -4,16 +4,17 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Comment Page</title>
-    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
     <div id="comment-section">
-        <h2>Comments</h2>
+        <h1 >Comments</h1>
         <div id="comments"></div>
         <form id="comment-form">
-            <textarea id="comment-input" placeholder="Leave a comment..." required></textarea>
-            <button type="submit">Submit</button>
+            <textarea id="comment-input" placeholder="Leave a comment here..." required></textarea>
+
         </form>
+        <button class="btn" type="submit">Submit</button>
     </div>
     <script src="script.js"></script>
 </body>

diff --git a/index.html b/index.html
@@ -429,7 +429,7 @@ <h3>Build Your Resume in Seconds from LinkedIn</h3>
                 <a href="resume.html">Build Resume</a>
                 <a href="signup.html">Sign Up</a>
                 <a href="login.html">Login</a>
-                <a href="comment.html">Login</a>
+                <a href="comment.html">Comment</a>
             </nav>
 
             <div class="icons">

diff --git a/style.css b/style.css
@@ -178,16 +178,22 @@ body {
     padding: 20px;
     border: 1px solid #ccc;
     border-radius: 5px;
+    align-items: center;
+    justify-content: center;
 }
 
 textarea {
     width: 100%;
     height: 100px;
     margin-bottom: 10px;
+    justify-content: center;
+    align-items: center;
 }
 
-button {
+.btn{
     padding: 10px 15px;
+    background-color: #00c6ff;
+    border-radius: 15px;
 }