Card components misaligned on Introduction page

[s-damith]

Bug Report

Describe the Bug

After starting the application and navigating to the main introduction page, the card components do not display the content properly. Some padding is missing, causing the layout to appear distorted.

Expected Behavior

Card elements need to properly display their inner content.

Observed Behavior

Some padding is missing, which causes the layout to look distorted.

Steps to Reproduce

Steps to reproduce the behavior:

1. Clone the repository.
2. Navigate to the project directory and run the command: npm install.
3. Start the application by running the command: npm start.

Context Information

• OS: [macOS]
• Web Browser: [Brave]

Detailed Description

Possible Implementation

Add padding to enhance the user experience.