making websight have more of a responsive design by using % instead of px

shop/static/styles.css

@@ -23,6 +23,7 @@ a:link {
     height: 90%;
     float: right;
     padding: 2%;
+    max-width: 50%
 }
 
 .shopping_side {
@@ -461,7 +462,7 @@ li {
 
 .ad_photo {
     width: 80%;
-    padding: 0px;
+    padding-top: 5%;
     margin: 0px;
 }