Add link for all collages

web/index.css

@@ -91,7 +91,7 @@
     "A B"
     "C C"
     "C C"
-    "D  E"
+    "D E";
 }
 
 .two-one-two-topbottom .img1 {
@@ -101,27 +101,27 @@
 .two-row {
     display: grid;
     grid-template-areas: 
-    "A B"
+    "A B";
 }
 
 .three-row {
     display: grid;
     grid-template-areas:
-    "A B C"
+    "A B C";
 }
 
 .four-row {
     display: grid;
     grid-template-areas:
-    "A B C D"
+    "A B C D";
 }
 
 .one-three-topbottom {
     display: grid;
     grid-template-areas:
     "A A A"
-    "B  C  D"
+    "B C D";
 }
 .one-three-topbottom .img1 {
-    grid-area: A
+    grid-area: A;
 }

web/index.html

@@ -12,11 +12,12 @@
         <div class="container">
             <div class="controls">
 
+              <h2>Photo Collage</h2>
               <p><a href="choose.html">Select Images</a></p>
 
                 <label>
                     <span>Paper size</span>
-                    <select id="page_size_selector" size=6>
+                    <select id="page_size_selector">
                           <option          value="letter-portrait"     > Letter (Portrait)  </option>
                           <option selected value="letter-landscape"    > Letter (Landscape) </option>
                           <option          value="fiveseven-portrait"  > 5 × 7 (Portrait)   </option>
@@ -27,7 +28,10 @@
                 </label>
 
                 <button id="snapper" class="showbuton">Snap Collage</button>
+                <div>
+                  <p><a href="/collages/" target="_blank" >All collages</a></p>
                   <p><a href="" target="_blank" id="collage-url"></a></p>
+                </div>
 
 
                 <ul class="templates">