Update public/stylesheet.css

public/stylesheet.css

@@ -28,7 +28,9 @@ blockquote p{text-transform: uppercase;
 .css-1hpme6t:nth-child(2){background-color:rgba(0,239,156,0.3)!important}
 .css-1hpme6t:nth-child(3){background-color:rgba(148,59,168,0.3)!important}
 .css-1hpme6t:hover{background-color:rgba(255,255,255,0.3)!important}
+.gridvid{display:inline-block;padding:0 1%;text-align:center;font-size:0.7rem;max-height:260px;width:33%;min-width:33%;max-width:33%;overflow:hidden;vertical-align:top}
 @media screen and (max-width: 640px) {
+    .gridvid{width:100%;min-width:100%;max-width:100%;max-height:inherit;overflow:hidden;vertical-align:top}
     blockquote p{font-size: 9.5vw;height:20vh;}
     .css-1nrs0u{width:70vw!important;height:auto!important}
     .MuiStack-root.css-zusm2j:before{font-size:14.5vw}