Up to date

zkhing · zkhing · commit ae54407f6c5b · 2022-08-04T10:11:49.000+01:00
diff --git a/css/store.css b/css/store.css
@@ -43,11 +43,25 @@ a:hover{
 
 .form-container{
     flex: 50%;
+    max-width: 500px;
+    max-height: 500px; 
     
 }
 
-.store-image{
-    flex: 50%;
+label{
+    display: block;
+    width: auto;
+}
+
+label{
+
+
+}
+.image{
+    background-size: cover;
+    max-width: 500px;
+    max-height: 500px;
+    
 }
 
 
diff --git a/store.html b/store.html
@@ -74,7 +74,7 @@
                     <div>
                         <label for="city">City *</label>
                         <select id="city">
-                           <option value="city" selected>Select your city</option>
+                           <option value="city" disabled selected>Select your city..</option>
                            <option value="city">London</option>
                            <option value="city">Manchester</option>
                            <option value="city">Liverpool</option>
@@ -95,8 +95,7 @@
                         
 
                         <input type="radio" name="colour" id="grey"/>
-                        <label for="grey">Space grey</label>
-                        
+                        <label for="grey">Space grey</label>    
                     </div>
 
                     <div>
@@ -111,8 +110,9 @@
                 </fieldset>
             </form>
         </div>
+
         <div class="image-container">
-            <img src="level-2/store-image_by-andrew-neel-unsplash.jpg">
+            <img class="image" src="level-2/store-image_by-andrew-neel-unsplash.jpg">
         </div>
     </section>
    </main>
