changed some of the images

run.py

@@ -25,7 +25,7 @@ if __name__ == '__main__':
         if product_table.query.filter_by(product_name='Kona Process 153').first() is None:
             product_table.new_product('Kona Process 153', 1749.00, 2.3, 'process_153_frame.jpg', 'vitus', 'frame','A strong and agile aluminum MTB frame for trail riding' )
         if product_table.query.filter_by(product_name='Santa Cruz Hightower').first() is None:
-            product_table.new_product('Santa Cruz Hightower', 3599.00, 2.2, 'SC_Hightower_frame.png', 'santa cruz', 'frame', 'A top-tier carbon fiber frame for all-mountain riding')
+            product_table.new_product('Santa Cruz Hightower', 3599.00, 2.2, 'SC_Hightower_frame.jpg', 'santa cruz', 'frame', 'A top-tier carbon fiber frame for all-mountain riding')
         if product_table.query.filter_by(product_name='Yeti SB165').first() is None:
             product_table.new_product('Yeti SB165', 2933.24, 2.1, 'SB165_frame.jpg', 'yeti', 'frame', 'A high-end carbon fiber frame for aggressive enduro riding')
     app.run(debug = True)
\ No newline at end of file

shop/static/styles.css

@@ -113,7 +113,7 @@ a:link {
     margin-left: 2%;
     margin-bottom: 20px;
     padding: 10px;
-    height: 250px
+    height: 250px;
 }
 
 .item_shopping_block:hover {
@@ -152,19 +152,6 @@ a:link {
     margin-bottom: 10px;
 }
 
-.navbar_box_home {
-    height: 70px;
-    width: 200px;
-    margin-top: 10px;
-    margin-bottom: 10px;
-    margin-left: 20px;
-}
-
-.navbar_box_home:hover {
-    border-left: 1px solid grey;
-    border-right: 1px solid grey;
-}
-
 .navbar_box:hover {
     border-left: 1px solid grey;
     border-right: 1px solid grey;
@@ -199,11 +186,6 @@ li {
 
 @media only screen and (max-width: 1300px) {
 
-    .navbar_box_home {
-        width: 150px;
-        height: 60px;
-    }
-
     .navbar_box {
         width: 150px;
         height: 60px;
@@ -217,11 +199,6 @@ li {
 
 @media only screen and (max-width: 950px) {
 
-    .navbar_box_home {
-        width: 130px;
-        height: 50px;
-    }
-
     .navbar_box {
         width: 130px;
         height: 50px;
@@ -235,16 +212,16 @@ li {
 
 @media only screen and (max-width: 820px) {
 
-    .navbar_box_home {
+    .navbar_box {
         width: 100px;
         height: 40px;
     }
 
-    .navbar_box {
-        width: 100px;
-        height: 40px;
+    .item_shopping_block{
+        height: 150px;
     }
 
+
     .navbar_item {
         font-size: 100%;
     }
@@ -253,13 +230,8 @@ li {
 
 @media only screen and (max-width: 650px) {
 
-    .navbar_box_home {
-        width: 78px;
-        height: 30px;
-    }
-
     .navbar_box {
-        width: 78px;
+        width: 75px;
         height: 30px;
     }
 

shop/templates/layout.html

@@ -19,7 +19,7 @@
     </div>
 
     <ul class = "navbar">
-        <li><div class = "navbar_box_home"><a class = "navbar_item" href="{{ url_for('home') }}">Home</a></div></li>
+        <li style = "margin-left: 10px"><div class = "navbar_box"><a class = "navbar_item" href="{{ url_for('home') }}">Home</a></div></li>
         <li><div class = "navbar_box"><a class = "navbar_item" href="{{ url_for('shopping') }}">Shopping</a></div></li>
         <li><div class = "navbar_box"><a class = "navbar_item" href="{{ url_for('cart') }}">Cart</a></div></li>
         <li><div class = "navbar_box"><a class = "navbar_item" href="{{ url_for('wishlist') }}">Wishlist</a></div></li>