gitadmin/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-28 18:26:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(client): improve landing page layout consistency (#64136)

Browse Source 
Co-authored-by: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
This commit is contained in:
Marco Dahms
2025-12-23 14:56:06 +01:00
committed by GitHub
parent 0c0622b41b
commit 5b8d14dedc
2 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/landing/components/landing-top.tsx
+1 -1
View File
@@ -28,7 +28,7 @@ function LandingTop(): JSX.Element {
fluid={true}
className='landing-top lading-top-c gradient-container'
>
<Container>
<Container fluid={true}>
<Row className='landing-top-two-column' data-test-label='landing-top'>
<Spacer size='m' />
<Col className='landing-top-left'>
client/src/components/landing/landing.css
+12 -2
View File
@@ -392,7 +392,6 @@ figcaption.caption {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
gap: 20px;
}
@@ -406,12 +405,17 @@ figcaption.caption {
.landing-top-two-column {
flex-direction: row;
align-items: center;
width: min(100%, 1300px);
margin-inline: auto;
}
.landing-top-two-column .landing-top-left {
flex: 0 0 50%;
max-width: 50%;
z-index: 1;
padding-left: 0px;
padding-right: 15px;
margin-left: -15px;
}
.landing-top-two-column .landing-top-right {
@@ -419,11 +423,17 @@ figcaption.caption {
min-width: 0;
overflow: visible;
}
.certification-section,
.faq-section {
width: min(100%, 1300px);
margin-inline: auto;
}
}
.landing-top .landing-top-two-column figure,
.landing-top .landing-top-two-column figure img {
margin-left: -100px;
margin-left: -120px;
margin-top: 0px;
height: 550px;
width: 850px;