Styling changes for home page

RoronoaSrinu · Feb 12, 2023 · e9f5a28 · e9f5a28
1 parent 1c79a83
commit e9f5a28
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 24 deletions.
diff --git a/blocks/cards/cards.css b/blocks/cards/cards.css
@@ -163,7 +163,6 @@
   margin-bottom: 14px;
   margin-left: 0px;
   margin-right: 0px;
-  height: 32px;
 }
 .cards.large .cards-body > p {
   font-size: 20px;

diff --git a/blocks/cards/cards.less b/blocks/cards/cards.less
@@ -180,7 +180,6 @@ autocomment();
       margin-bottom: 14px;
       margin-left: 0px;
       margin-right: 0px;
-      height: 32px;
     }
 
     >p {

diff --git a/blocks/hero-home/hero-home.css b/blocks/hero-home/hero-home.css
@@ -37,9 +37,10 @@ main .hero-home > div > div > h1 {
   }
 }
 @media (min-width: 1025px) {
-  main main .hero-home img {
+  main .hero-home img {
     width: 100vw;
-    min-height: 500px;
+    height: 500px;
+    object-fit: cover;
   }
   main .hero-home > div > div > h1 {
     padding: 98px 0 0 105px;

diff --git a/blocks/hero-home/hero-home.less b/blocks/hero-home/hero-home.less
@@ -59,16 +59,13 @@ main {
 	}
 
 	@media (@width_1025) {
-		main {
-			.hero-home {
-				img {
-					width: 100vw;
-					min-height: 500px;
-				}
+		.hero-home {
+			img {
+				width: 100vw;
+				height: 500px;
+				object-fit: cover;
 			}
-		}
 
-		.hero-home {
 			>div {
 				>div {
 					>h1 {

diff --git a/styles/styles.css b/styles/styles.css
@@ -71,8 +71,8 @@ h3,
 h4,
 h5,
 h6 {
-  font-weight: 600;
-  line-height: 1.25;
+  font-weight: 500;
+  line-height: 1.2;
   margin-top: 1em;
   margin-bottom: 0.5em;
   scroll-margin: calc(var(--nav-height) + 1em);
@@ -433,7 +433,7 @@ main .home-banner.section p {
   }
   main .home-banner.section .default-content-wrapper {
     margin: 0 22px;
-    top: -97px;
+    top: -60px;
     position: relative;
     padding: 64px 22px;
   }
@@ -482,13 +482,13 @@ main .home-banner.section p {
 }
 @media (min-width: 1281px) {
   main .section.narrow {
-    padding-left: 250px;
-    padding-right: 250px;
+    max-width: 1228px;
+    margin: auto;
   }
   main .section.switchcard {
     background-color: var(--highlight-background-color);
     display: grid;
-    grid-template-columns: 0.25fr 1fr 1fr 0.25fr 1fr 0.25fr;
+    grid-template-columns: 0.7fr 1fr 1fr 0.25fr 1fr 0.7fr;
     grid-template-areas: ". a a a a ." ". b b . d .";
   }
   main .section.switchcard > .text-wrapper {

diff --git a/styles/styles.less b/styles/styles.less
@@ -102,8 +102,8 @@ h3,
 h4,
 h5,
 h6 {
-	font-weight: 600;
-	line-height: 1.25;
+	font-weight: 500;
+	line-height: 1.2;
 	margin-top: 1em;
 	margin-bottom: 0.5em;
 	scroll-margin: calc(var(--nav-height) + 1em);
@@ -165,6 +165,7 @@ pre {
 
 strong {
 	font-family: var(--strong-font-family);
+
 	a.button {
 		&:any-link {
 			font-family: var(--strong-font-family);
@@ -464,6 +465,7 @@ main {
 			>.text-wrapper,
 			.default-content-wrapper {
 				padding-bottom: 50px;
+
 				:where(h1, h2, h3, p) {
 					color: @color_6;
 					text-align: center;
@@ -568,7 +570,7 @@ main .home-banner.section {
 
 		.default-content-wrapper {
 			margin: 0 22px;
-			top: -97px;
+			top: -60px;
 			position: relative;
 			padding: 64px 22px;
 		}
@@ -636,15 +638,15 @@ main .home-banner.section {
 		.section {
 
 			&.narrow {
-				padding-left: 250px;
-				padding-right: 250px;
+				max-width: 1228px;
+				margin: auto;
 			}
 
 
 			&.switchcard {
 				background-color: var(--highlight-background-color);
 				display: grid;
-				grid-template-columns: 0.25fr 1fr 1fr 0.25fr 1fr 0.25fr;
+				grid-template-columns: 0.7fr 1fr 1fr 0.25fr 1fr 0.7fr;
 				grid-template-areas:
 					". a a a a ."
 					". b b . d .";