TAILWIND

<div className="flex flex-col items-center p-6 bg-white shadow-md rounded-lg">
  <h2 className="text-2xl font-bold mb-2">Card Title</h2>
  <p className="text-gray-700">This is a card description.</p>
</div>


import styles from './Card.module.scss';

<div className={styles.card}>
  <h2 className={styles.title}>Card Title</h2>
  <p className={styles.description}>This is a card description.</p>
</div>


.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.5rem;
  background-color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
}

.title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.description {
  color: #4a4a4a;
}