Skip to content

Commit a4ecc7d

Browse files
committed
Center the git illustration in the marketing hero
- Stretch the grid rows so the visual column matches the text height - Center the image wrapper and constrain the illustration with contain sizing
1 parent 0943a7f commit a4ecc7d

1 file changed

Lines changed: 11 additions & 2 deletions

File tree

apps/marketing/src/pages/index.astro

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -858,22 +858,31 @@ const mobileEndorsementRows = [
858858
.git-inner {
859859
display: grid;
860860
grid-template-columns: 1.1fr 1fr;
861-
gap: 64px; align-items: center;
861+
gap: 64px; align-items: stretch;
862862
}
863863

864864
.git-visual {
865865
position: relative;
866866
display: flex;
867+
align-items: center;
868+
justify-content: center;
867869
}
868870

869871
.git-image-shell {
870872
width: 100%;
873+
height: 100%;
874+
display: flex;
875+
align-items: center;
876+
justify-content: center;
871877
}
872878

873879
.git-image {
874880
display: block;
875-
width: 100%;
881+
max-width: 92%;
882+
max-height: 100%;
883+
width: auto;
876884
height: auto;
885+
object-fit: contain;
877886
}
878887

879888
/* ── Open source ──────────────────────────────────────── */

0 commit comments

Comments
 (0)