From 10b6c63d38990bc2efdfcdc51d90f1fac3b4f956 Mon Sep 17 00:00:00 2001 From: Thomas Date: Mon, 29 Jan 2024 11:44:56 +0100 Subject: [PATCH] Merge pull request #16764 from overleaf/tm-website-redesign-org-logo-overflow Set logo sizes to match design and fix overflowing, use flex-basis instead of grid GitOrigin-RevId: dee9427f72502628d02210a3a75e028cda1b2905 --- .../frontend/stylesheets/app/website-redesign.less | 14 +++++--------- 1 file changed, 5 insertions(+), 9 deletions(-) diff --git a/services/web/frontend/stylesheets/app/website-redesign.less b/services/web/frontend/stylesheets/app/website-redesign.less index a0e8bf3a3d..0b646c3031 100644 --- a/services/web/frontend/stylesheets/app/website-redesign.less +++ b/services/web/frontend/stylesheets/app/website-redesign.less @@ -456,25 +456,21 @@ .organization-logos-container { display: flex; - justify-content: space-evenly; - height: 62px; + justify-content: space-around; + align-items: center; @media (max-width: @screen-md-max) { - display: grid; - grid-template-columns: repeat(2, 1fr); + flex-wrap: wrap; gap: 30px; - justify-items: center; - height: unset; } .organization-logo { object-fit: contain; - width: 100%; - height: 100%; - padding: 0 @padding-md; + max-height: 62px; @media (max-width: @screen-md-max) { max-height: 40px; + flex-basis: 34%; } } }