Fix: Style improvements on home page.
This commit is contained in:
@@ -114,18 +114,27 @@ section.benefits .container .card .container {
|
||||
min-width: 250px;
|
||||
}
|
||||
/* Solution Section */
|
||||
section.benefits .card.benefits,
|
||||
section.social-proof .card.social-proof {
|
||||
display: flex;
|
||||
}
|
||||
section.solution .container .card {
|
||||
margin-top: 1vh;
|
||||
max-width: min(2000px, 90vw);
|
||||
max-width: min(2000px, 80vw);
|
||||
}
|
||||
|
||||
section.benefits .card.benefits .container,
|
||||
section.solution .container .card .container {
|
||||
padding: 1vh 2vw;
|
||||
max-width: min(500px, 80vw);
|
||||
}
|
||||
section.solution .container .card .container p {
|
||||
margin-bottom: 1vh;
|
||||
}
|
||||
section.solution .project-thumbnail img {
|
||||
max-width: 500px;
|
||||
max-height: 500px;
|
||||
max-width: min(500px, 80vw);
|
||||
max-height: min(500px, 80vw);
|
||||
border-radius: 1vh;
|
||||
}
|
||||
|
||||
|
||||
@@ -157,18 +166,21 @@ section.social-proof ul li {
|
||||
font-size: 14px;
|
||||
}
|
||||
*/
|
||||
section.benefits .card.benefits,
|
||||
section.social-proof .card.social-proof {
|
||||
display: flex;
|
||||
padding: 0;
|
||||
}
|
||||
section.social-proof .section-title {
|
||||
font-weight: bold;
|
||||
color: var(--colour-text-link-visited);
|
||||
margin-bottom: 0.25vh;
|
||||
}
|
||||
section.social-proof .section-subtitle {
|
||||
margin: 1vh 1vw;
|
||||
}
|
||||
section.social-proof .container {
|
||||
max-width: min(600px, 90vw);
|
||||
width: fit-content;
|
||||
margin: 1vh auto;
|
||||
}
|
||||
|
||||
/* Early Access Section * /
|
||||
@@ -195,10 +207,19 @@ section.early-access a.button {
|
||||
}
|
||||
*/
|
||||
|
||||
/* Features section */
|
||||
/* Features section * /
|
||||
section.features .button {
|
||||
margin-top: 0;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Testimonials section */
|
||||
section.testimonial p {
|
||||
margin-bottom: 1vh;
|
||||
}
|
||||
section.testimonial h2 {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* CTA Section */
|
||||
.cta-1,
|
||||
@@ -222,7 +243,12 @@ section.cta-2 .card .container {
|
||||
padding: 2vh 1vw;
|
||||
margin: 1vh;
|
||||
}
|
||||
|
||||
section.cta-2 .card .container h3 {
|
||||
margin: 0 auto;
|
||||
}
|
||||
section.cta-2 .card .container p {
|
||||
margin-top: 1vh;
|
||||
}
|
||||
/* FAQs * /
|
||||
section.faq .button {
|
||||
margin-bottom: 0.25rem;
|
||||
|
||||
40
static/dist/css/core_home.bundle.css
vendored
40
static/dist/css/core_home.bundle.css
vendored
@@ -271,18 +271,27 @@ section.benefits .container .card .container {
|
||||
min-width: 250px;
|
||||
}
|
||||
/* Solution Section */
|
||||
section.benefits .card.benefits,
|
||||
section.social-proof .card.social-proof {
|
||||
display: flex;
|
||||
}
|
||||
section.solution .container .card {
|
||||
margin-top: 1vh;
|
||||
max-width: min(2000px, 90vw);
|
||||
max-width: min(2000px, 80vw);
|
||||
}
|
||||
|
||||
section.benefits .card.benefits .container,
|
||||
section.solution .container .card .container {
|
||||
padding: 1vh 2vw;
|
||||
max-width: min(500px, 80vw);
|
||||
}
|
||||
section.solution .container .card .container p {
|
||||
margin-bottom: 1vh;
|
||||
}
|
||||
section.solution .project-thumbnail img {
|
||||
max-width: 500px;
|
||||
max-height: 500px;
|
||||
max-width: min(500px, 80vw);
|
||||
max-height: min(500px, 80vw);
|
||||
border-radius: 1vh;
|
||||
}
|
||||
|
||||
|
||||
@@ -314,18 +323,21 @@ section.social-proof ul li {
|
||||
font-size: 14px;
|
||||
}
|
||||
*/
|
||||
section.benefits .card.benefits,
|
||||
section.social-proof .card.social-proof {
|
||||
display: flex;
|
||||
padding: 0;
|
||||
}
|
||||
section.social-proof .section-title {
|
||||
font-weight: bold;
|
||||
color: var(--colour-text-link-visited);
|
||||
margin-bottom: 0.25vh;
|
||||
}
|
||||
section.social-proof .section-subtitle {
|
||||
margin: 1vh 1vw;
|
||||
}
|
||||
section.social-proof .container {
|
||||
max-width: min(600px, 90vw);
|
||||
width: fit-content;
|
||||
margin: 1vh auto;
|
||||
}
|
||||
|
||||
/* Early Access Section * /
|
||||
@@ -352,10 +364,19 @@ section.early-access a.button {
|
||||
}
|
||||
*/
|
||||
|
||||
/* Features section */
|
||||
/* Features section * /
|
||||
section.features .button {
|
||||
margin-top: 0;
|
||||
}
|
||||
*/
|
||||
|
||||
/* Testimonials section */
|
||||
section.testimonial p {
|
||||
margin-bottom: 1vh;
|
||||
}
|
||||
section.testimonial h2 {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* CTA Section */
|
||||
.cta-1,
|
||||
@@ -379,7 +400,12 @@ section.cta-2 .card .container {
|
||||
padding: 2vh 1vw;
|
||||
margin: 1vh;
|
||||
}
|
||||
|
||||
section.cta-2 .card .container h3 {
|
||||
margin: 0 auto;
|
||||
}
|
||||
section.cta-2 .card .container p {
|
||||
margin-top: 1vh;
|
||||
}
|
||||
/* FAQs * /
|
||||
section.faq .button {
|
||||
margin-bottom: 0.25rem;
|
||||
|
||||
2
static/dist/css/core_home.bundle.css.map
vendored
2
static/dist/css/core_home.bundle.css.map
vendored
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user