From 9b3d7bac62f80ec6ab52adcadda7474fd719329b Mon Sep 17 00:00:00 2001 From: Kevin Paxman <kpaxman@uwaterloo.ca> Date: Wed, 4 Sep 2024 15:34:40 -0400 Subject: [PATCH] ISTWCMS-6863: refactor photo/basic info flex so video never overlaps --- src/patterns/03-layouts/ofis/_ofis-profile.scss | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/patterns/03-layouts/ofis/_ofis-profile.scss b/src/patterns/03-layouts/ofis/_ofis-profile.scss index 8ebc288d..9a023d1d 100644 --- a/src/patterns/03-layouts/ofis/_ofis-profile.scss +++ b/src/patterns/03-layouts/ofis/_ofis-profile.scss @@ -6,7 +6,7 @@ .ofis-profile-header { display: flex; - flex-direction: column; + flex-wrap: wrap; gap: 1rem; padding-top: 1rem; @@ -15,7 +15,11 @@ width: 188px; height: auto; margin: 0 auto; - flex-shrink: 0; + flex: 0 0 188px; + } + + > div { + flex: 1 1 250px; } @media(min-width: $screen-xs) { -- GitLab