Implement different column counts and mobile layout

2023-02-04 00:43:53 -05:00
parent 206730ffc0
commit 6adcf95aaa
4 changed files with 90 additions and 31 deletions
--- a/src/video-grid/VideoTile.module.css
+++ b/src/video-grid/VideoTile.module.css
@@ -20,7 +20,7 @@ limitations under the License.
  top: 0;
  width: var(--tileWidth);
  height: var(--tileHeight);
-  border-radius: 20px;
+  border-radius: 8px;
  overflow: hidden;
  cursor: pointer;

@@ -174,3 +174,9 @@ limitations under the License.
  max-width: 360px;
  border-radius: 20px;
 }
+
+@media (min-width: 800px) {
+  .videoTile {
+    border-radius: 20px;
+  }
+}