🕹👆 Checkpoint

./views/audience.handlebars:530995/193
./public/style.css:530995/130

public/style.css

@@ -1,5 +1,3 @@
-/* this file is loaded by index.html and styles the page */
-
 * {
   box-sizing: border-box;
 }
@@ -86,10 +84,12 @@ h2 img {
 figure.participant {
   display: inline-block;
   transition: ease-in all .2s;
+  margin: 0;
 }
 
 figure.participant img {
-  max-height: 100px;
+  max-width: 40vw;
+  width: 150px;
 }
 figure.participant figcaption {
   font-weight: bold;

views/audience.handlebars

@@ -18,12 +18,14 @@
     <main>
       <h2>Participants</h2>
       
-      {{#each participants}}
-        <figure class="participant" id="p-{{this.participantId}}">
-          <img src="{{this.character}}" />
-          <figcaption>{{this.participantName}}</figcaption>
-        </figure>
-      {{/each}}
+      <div>
+        {{#each participants}}
+          <figure class="participant" id="p-{{this.participantId}}">
+            <img src="{{this.character}}" />
+            <figcaption>{{this.participantName}}</figcaption>
+          </figure>
+        {{/each}}
+      </div>
     </main>