MetatroncubeSoftwareSolutions/MetatroncubeSolutions_Website
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cards space corrected

Browse Source
This commit is contained in:
Selvi 2026-02-20 20:10:22 +05:30
parent a54bd48c42
commit 4905708ac8
2 changed files with 11 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/Home/Banner2.js
View File

@ -191,9 +191,9 @@ const Banner2 = () => {
</div> </div>
<section className="bottom-info-strip-section" style={{ marginBottom: '-100px' }}> <section className="bottom-info-strip-section" style={{ marginBottom: '-100px' }}>
<div className="container"> <div className="container-fluid" style={{ maxWidth: '1400px' }}>
<div className="bottom-info-strip"> <div className="bottom-info-strip">
<div className="row justify-content-center g-3"> <div className="row g-3">
<div className="col-6 col-md-6 col-lg-3"> <div className="col-6 col-md-6 col-lg-3">
<div className="info-card"> <div className="info-card">
<i className="fas fa-mobile-alt info-icon mt-2"></i> <i className="fas fa-mobile-alt info-icon mt-2"></i>

26
styles/mobile-app-landing.css
View File

@ -358,10 +358,7 @@
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
} }
.industry-card:hover .industry-text h4 {
/* color: #3779b9; */
/* Optional textual highlight */
}
/* Specific styling for the 3-column row to look centered nicely */ /* Specific styling for the 3-column row to look centered nicely */
.industry-row.col-3 { .industry-row.col-3 {
@ -844,22 +841,20 @@
top: -80px; top: -80px;
background: linear-gradient(135deg, #1d4d7c 0%, #0a1c36 100%); background: linear-gradient(135deg, #1d4d7c 0%, #0a1c36 100%);
border-radius: 25px; border-radius: 25px;
padding: 20px 20px; padding: 30px 40px;
margin-top: 20px; margin: 20px auto 0;
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2); box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2);
transition: all 0.4s ease; transition: all 0.4s ease;
border: none !important; border: none !important;
display: flex; width: 100%;
flex-wrap: wrap; overflow: hidden;
justify-content: center;
align-items: stretch;
} }
.bottom-info-strip .info-card { .bottom-info-strip .info-card {
flex: 0 0 25%; width: 100%;
text-align: center; text-align: center;
border: none !important; border: none !important;
padding: 0 15px; padding: 0 5px;
transition: all 0.3s ease; transition: all 0.3s ease;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -904,7 +899,6 @@
} }
.bottom-info-strip .info-card { .bottom-info-strip .info-card {
flex: 0 0 50%;
margin-bottom: 20px; margin-bottom: 20px;
} }
@ -915,14 +909,12 @@
@media (max-width: 768px) { @media (max-width: 768px) {
.bottom-info-strip { .bottom-info-strip {
flex-direction: column;
padding: 20px; padding: 20px;
gap: 10px; margin: 0 auto;
margin: 0 15px; width: 92%;
} }
.bottom-info-strip .info-card { .bottom-info-strip .info-card {
flex: 0 0 100%;
text-align: center; text-align: center;
border: none !important; border: none !important;
padding: 10px 0; padding: 10px 0;