Project Round 6

public/css/styles.css

@@ -22,9 +22,11 @@ header {
 
 nav {
   display: flex;
-  justify-content: center;
+  justify-content: flex-start; /* ใช้ flex-start สำหรับการเริ่มจากซ้าย */
+  align-items: center;
   gap: 15px;
   margin-top: 10px;
+  width: 100%; /* ให้ nav ขยายเต็มพื้นที่ */
 }
 
 nav a {
@@ -42,7 +44,7 @@ nav a:hover {
 }
 
 .btn-login {
-  margin-left: right; /* ปุ่ม Login จะไปอยู่ที่ขวาสุด */
+  margin-left: auto; /* ใช้ margin-left: auto เพื่อย้าย Login ไปที่ขวาสุด */
   background-color: #4CAF50;
   color: white;
   padding: 10px 20px;
@@ -61,13 +63,6 @@ form {
   margin-top: 10px;
 }
 
-input[type="text"] {
-  padding: 8px;
-  border: none;
-  border-radius: 5px 0 0 5px;
-  width: 200px;
-}
-
 button {
   padding: 8px 12px;
   border: none;