Card Style

swapnilsparsh · Jan 7, 2024 · 94135ef · 94135ef
1 parent eda3437
commit 94135ef
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/components/Card/Card.js b/components/Card/Card.js
@@ -23,13 +23,14 @@ function Card({ head, link, image, alt, about }) {
               width="300" // Adjust the width according to your design
             />
             <h3 dangerouslySetInnerHTML={createMarkup(head)}></h3>
-            <p dangerouslySetInnerHTML={createMarkup(about)} style={{ width: '75%', margin: '1rem auto' }}></p>
+            <p dangerouslySetInnerHTML={createMarkup(about)} className="description"></p>
             <Button variant="outlined">
               <Link href={link} passHref key={`${head}_${link}`}>
                 <a className="glowing-button" target="_blank" rel="noreferrer">
                   View More
                 </a>
-              </Link></Button>
+              </Link>
+            </Button>
           </div>
         </div>
         <div className="glow-border"></div>

diff --git a/styles/style.css b/styles/style.css
@@ -53,6 +53,11 @@
   text-decoration: none;
 }
 
+.description {
+  width: 75%;
+  margin: 1rem auto;
+}
+
 @keyframes zoom-in-zoom-out {
   0% {
     transform: scale(0, 0);