Skip to content

Fix content and card size in service section for consistency #16

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
akshay0611 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Fix content and card size in service section for consistency #16

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 6 additions & 0 deletions assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -490,8 +490,14 @@ body.nav-active { overflow: hidden; }
padding: 40px;
box-shadow: var(--shadow-2);
border-radius: var(--radius-6);
height: 380px; /* Set a fixed height for the card */
display: flex;
flex-direction: column;
justify-content: space-between; /* Ensures even distribution of content */
overflow: hidden; /* Ensures no content overflows outside the card */
}


.service-card .card-icon {
width: 60px;
height: 60px;
Expand Down
12 changes: 4 additions & 8 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -258,8 +258,7 @@ <h2 class="h2 section-title">
<h3 class="h4 card-title">24/7 Support</h3>

<p class="card-text">
Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras
justo.
Our support team is available 24/7 to assist you with any issues, ensuring you're always taken care of.
</p>

<a href="#" class="btn-text">
Expand All @@ -281,8 +280,7 @@ <h3 class="h4 card-title">24/7 Support</h3>
<h3 class="h4 card-title">Secure Payments</h3>

<p class="card-text">
Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras
justo.
We provide secure payment gateways to ensure safe and hassle-free transactions.
</p>

<a href="#" class="btn-text">
Expand All @@ -304,8 +302,7 @@ <h3 class="h4 card-title">Secure Payments</h3>
<h3 class="h4 card-title">Daily Updates</h3>

<p class="card-text">
Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras
justo.
Receive daily updates with the latest news and trends, keeping you informed at all times.
</p>

<a href="#" class="btn-text">
Expand All @@ -327,8 +324,7 @@ <h3 class="h4 card-title">Daily Updates</h3>
<h3 class="h4 card-title">Market Research</h3>

<p class="card-text">
Nulla vitae elit libero, a pharetra augue. Donec id elit non mi porta gravida at eget metus cras
justo.
Our market research helps you understand trends and customer behavior to stay ahead in the market.</p>
</p>

<a href="#" class="btn-text">
Expand Down