Update projects CSS

Signed-off-by: James Hunt <[email protected]>
cncf · Oct 16, 2024 · a0666a7 · a0666a7
1 parent 24b9346
commit a0666a7
Showing 1 changed file with 17 additions and 4 deletions.
diff --git a/web/wp-content/themes/cncf-twenty-two/source/scss/components/_projects.scss b/web/wp-content/themes/cncf-twenty-two/source/scss/components/_projects.scss
@@ -24,27 +24,37 @@
 
 .projects-single {
 	&-box {
+		column-gap: 0;
 		width: 100%;
 		background-color: white;
 		filter: drop-shadow(0px 2px 5px rgba(0, 0, 0, 0.1));
 		border: 1px solid $gray-300;
 		border-radius: 10px;
 		&__col1 {
 			grid-column: span 12;
+			margin-top: 50px;
+			margin-bottom: 50px;
 			@media (min-width: 600px) {
+				margin-top: 0;
+				margin-bottom: 0;
+				grid-column: span 5;
+				display: flex;
+				align-items: center;
+				align-content: center;
+				justify-content: center;
+			}
+			@media (min-width: 800px) {
 				grid-column: span 3;
 			}
 		}
 		&__link {
+			width: 100%;
 			display: flex;
 			align-items: center;
 			align-content: center;
 			justify-content: center;
-			height: 100%;
 		}
 		&__image {
-			padding-top: 50px;
-			padding-bottom: 20px;
 			max-width: 80%;
 			max-height: 300px;
 			@media (min-width: 1000px) {
@@ -61,9 +71,12 @@
 			border-radius: 10px;
 			@media (min-width: 600px) {
 				padding: 50px 30px 50px 50px;
-				grid-column: span 9;
+				grid-column: span 7;
 				background: linear-gradient(90deg, rgba(252, 252, 252, 1) 25%, rgba(255, 255, 255, 0) 100%);
 			}
+			@media (min-width: 800px) {
+				grid-column: span 9;
+			}
 		}
 		&__description {
 			font-size: 22px;