🎹🎋 Checkpoint

./public/unboxing.svg:1954897/72027
./views/index.html:1954897/96
./public/styles.css:1954897/137

public/styles.css

@@ -105,6 +105,12 @@ input:focus {
   border-bottom-color: var(--accent);
 }
 
+.graphic {
+  width: 100%;
+  max-width: 480px;
+  margin: 0 auto;
+  padding: 2rem;
+}
 .right {float: right;}
 .flex {
   display: flex;

views/index.html

@@ -55,6 +55,7 @@
         </div>
         <div class="container middle" id="view1" hidden>
             <h1 class="h4 center">Dale el celular a la persona a&nbsp;tu&nbsp;izquierda.</h1>
+            <img src="unboxing.svg" class="graphic" alt="">
             <div class="btn-row">
                 <button class="btn" data-open="view2" data-fire="word">¡Listo!</button>
             </div>