From 95137e2b1b63e80a38fb1f395d4b765b14e30713 Mon Sep 17 00:00:00 2001
From: "Glitch (hello-express)" <none>
Date: Thu, 9 Apr 2020 17:13:46 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=95=B9=F0=9F=91=86=20Checkpoint=20./views?=
 =?UTF-8?q?/audience.handlebars:530995/193=20./public/style.css:530995/130?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/style.css          |  6 +++---
 views/audience.handlebars | 14 ++++++++------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/public/style.css b/public/style.css
index 3f25fd4..0bb0444 100644
--- a/public/style.css
+++ b/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;
diff --git a/views/audience.handlebars b/views/audience.handlebars
index 308b63f..9ad31bd 100644
--- a/views/audience.handlebars
+++ b/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>