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

refactor(client): clean landing page CSS file (#49726)

Browse Source 
Co-authored-by: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
This commit is contained in:
Muhammed Mustafa
2023-03-21 09:50:44 +02:00
committed by GitHub
parent e06ef206d4
commit 92a5a48534
1 changed files with 10 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/landing/landing.css
+10 -47
View File
@@ -53,18 +53,6 @@ figcaption.caption {
font-weight: 700;
}
.campers-images {
display: none !important;
}
@media (min-width: 1200px) {
.campers-images {
display: inline-block !important;
width: 100%;
height: 100%;
}
}
.logo-row {
display: flex;
flex-direction: row;
@@ -128,20 +116,13 @@ figcaption.caption {
}
.testimonial-card {
max-width: 350px;
display: flex;
flex-direction: column;
margin: 10px 10px 50px;
background: var(--gray-00);
background-color: var(--primary-background);
-webkit-box-shadow: 0 3px 13px 1px rgba(0, 0, 0, 0.09);
box-shadow: 0 3px 13px 1px rgba(0, 0, 0, 0.09);
}
.testimonial-image,
.landing-page-image {
width: 100%;
}
.testimonial-meta {
display: flex;
flex-direction: column;
@@ -157,28 +138,17 @@ figcaption.caption {
}
.testimonial-card-header {
height: 100%;
padding-bottom: 100%;
position: relative;
background-color: var(--primary-background);
height: 350px;
min-width: 350px;
}
.testimonial-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: auto;
}
.testimonials-footer {
display: flex;
flex-direction: column;
padding: 25px;
text-align: justify;
justify-content: center;
background-color: var(--primary-background);
}
.landing-top,
.as-seen-in,
.certification-section,
@@ -196,16 +166,14 @@ figcaption.caption {
}
}
@media (min-width: 992px) {
@media (max-width: 992px) {
.testimonial-card {
flex-direction: row;
width: auto;
max-width: none;
}
.testimonial-image {
width: auto;
height: 100%;
flex-direction: column;
max-width: 350px;
}
}
@media (min-width: 992px) {
.testimonial-meta {
padding: 0 0 30px;
}
@@ -216,9 +184,4 @@ figcaption.caption {
.testimonials-footer {
padding: 40px;
}
.testimonial-card-header {
height: 350px;
min-width: 350px;
padding-bottom: 0;
}
}