code refactoring

src/views/home.js

@@ -54,6 +54,7 @@ class Home extends LitElement {
       </nav>
 
       <footer>
+        <p class="provided">All materials generously provided by Meredith Monk/The House Foundation for the Arts, Inc., New York</p>
         <div>
           <p>Rooms for Listening & Looking</p>
         </div>
@@ -121,7 +122,15 @@ class Home extends LitElement {
       padding-block-end: 0.5em;
     }
 
-    footer p {
+    .provided {
+      color: white;
+      padding: 0;
+      font-size: 0.75em;
+      margin: 0.5em 0.75em;
+      align-self: end;
+    }
+
+    footer div > p {
       font-size: 1.5em;
       font-weight: 500;
     }

src/views/videos.js

@@ -66,9 +66,8 @@ class VideoView extends LitElement {
   static styles = [ css`${unsafeCSS(MainCSS)}`, css`
     :host {
       flex-grow: 1;
-      height: 100%;
       display: grid;
-      grid-template-rows: 1fr 0.55fr;
+      grid-template-rows: 1fr min(35%, 250px);
       gap: 0.25em;
     }