Improve aspect ratios on mobile

2024-07-18 11:01:21 -04:00
parent b4e0df75c0
commit 7526826b0c
2 changed files with 18 additions and 4 deletions
--- a/src/grid/OneOnOneLayout.module.css
+++ b/src/grid/OneOnOneLayout.module.css
@@ -27,11 +27,18 @@ limitations under the License.

 .local {
  position: absolute;
-  inline-size: 180px;
-  block-size: 135px;
+  inline-size: 135px;
+  block-size: 160px;
  inset: var(--cpd-space-4x);
 }

+@media (min-width: 600px) {
+  .local {
+    inline-size: 170px;
+    block-size: 110px;
+  }
+}
+
 .spotlight {
  position: absolute;
  inline-size: 404px;