Modifikasi tampilan default

css/default_style.css

 .frame {
-    width: 600px;
+    width: 360px;
+    height: 450px;
 	margin: 50px auto;
+    padding-right: 20px;
+    padding-left: 20px;
+    border-top: 0.5px solid black;
+    border-bottom: 0.5px solid black;
     border-left: 0.5px solid black; 
     border-right: 0.5px solid black;
 }
@@ -48,6 +53,19 @@ a:hover {
 
 .menu {
     border: 0.5px solid black; 
-    width: 199px; 
+    width: 119px;
     float: left;
+    text-align: center;
+}
+
+.menu > h3 {
+    margin-top: 5%;
+    margin-bottom: 5%
+}
+
+.menu_container {
+    background-color: red; 
+    width: 360px;
+    margin-left: auto;
+    margin-right: auto;
 }
\ No newline at end of file

css/header.css

 .header {
-    border-bottom-style: solid;
     height: 55px;
 }
 .logo {

profile_page/profile.php

@@ -26,7 +26,7 @@
                 mysqli_close($con);
             ?>
         </div>
-        <div style="background-color: white; max-width: 600px; margin-left: auto; margin-right: auto">
+        <div class="menu_container">
             <?php include'../template/menu.php';?>
         </div>
         <div class="profile_container">

template/menu.php

@@ -2,17 +2,17 @@
     echo '
     <a href="order/order.php" name="order_link">
 	<div class="menu" id="order_link">
-		<h2>Order</h2>
+		<h3>Order</h3>
 	</div>
 	</a>
 	<a href="history/history.php" name="history_link">
 	<div class="menu" id="history_link">
-		<h2>History</h2>
+		<h3>History</h3>
 	</div>
 	</a>
 	<a href="profile/profile.php" name="profile_link">
 	<div class="menu" id="profile_link">
-		<h2>My Profile</h2>
+		<h3>My Profile</h3>
 	</div>
 	</a>
     ';