MetatroncubeSoftwareSolutions/sixty5-street
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

menu card section responsive issues updated

Browse Source
This commit is contained in:
Alaguraj0361 2025-07-21 21:21:28 +05:30
parent c4f50e7b68
commit 9cb16c71c7
2 changed files with 1026 additions and 1004 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components/sections/home3/Fluid.js
View File

@ -16,11 +16,11 @@ export default function Fluid() {
<> <>
{/* Fluid Section Two */} {/* Fluid Section Two */}
<section className="fluid-section-two"> <section className="fluid-section-two">
<div className="section-text">Recipe book</div> {/* <div className="section-text">Recipe book</div> */}
<div className="outer-container clearfix"> <div className="outer-container clearfix row d-flex align-items-center">
{/* Content Column */} {/* Content Column */}
<div className="content-column"> <div className="col-lg-6 content-column">
<div className="inner-column"> <div className="inner-column">
{/* Title Box */} {/* Title Box */}
<div className="title-box"> <div className="title-box">
@ -48,10 +48,15 @@ export default function Fluid() {
</div> </div>
{/* Image Column */} {/* Image Column */}
<div className="image-column" style={{ backgroundImage: `url(${selectedImage})` }}> <div className="col-lg-6">
<figure className="image-box"> <div className="w-100">
<img src={selectedImage} alt="Selected Book" /> <img
</figure> src={selectedImage}
alt="Selected Book"
className="img-fluid rounded shadow"
style={{ width: "100%", height: "auto", objectFit: "cover" }}
/>
</div>
</div> </div>
</div> </div>
</section> </section>

1441
public/assets/css/responsive.css
View File

File diff suppressed because it is too large Load Diff