fix: Update UI component for improved design (#249)

Codexnever · adiati98 · web-flow · commit 42c8e2d8e1fe · 2024-10-24T16:19:06.000-04:00
* Update UI component for improved design

* Update package-lock.json

* Update package-lock.json

---------

Co-authored-by: Ayu Adiati &lt;45172775+adiati98@users.noreply.github.com&gt;
diff --git a/src/pages/index.module.css b/src/pages/index.module.css
@@ -73,6 +73,7 @@
   display: flex;
   flex-direction: column;
   align-items: flex-start;
+  height: 100%; /* card content takes the full height */
 }
 
 .cardIcon {
@@ -92,6 +93,7 @@
 }
 
 .cardLink {
+  margin-top: auto; /* Push the button to the bottom */
   background: linear-gradient(to right, #e74c3c, #e67e22);
   border-radius: 50px;
   color: #fff;

Original file line number	Diff line number	Diff line change
`@@ -73,6 +73,7 @@`
`73`	`73`	`display: flex;`
`74`	`74`	`flex-direction: column;`
`75`	`75`	`align-items: flex-start;`
	`76`	`+ height: 100%; /* card content takes the full height */`
`76`	`77`	`}`
`77`	`78`
`78`	`79`	`.cardIcon {`
`@@ -92,6 +93,7 @@`
`92`	`93`	`}`
`93`	`94`
`94`	`95`	`.cardLink {`
	`96`	`+ margin-top: auto; /* Push the button to the bottom */`
`95`	`97`	`background: linear-gradient(to right, #e74c3c, #e67e22);`
`96`	`98`	`border-radius: 50px;`
`97`	`99`	`color: #fff;`