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

blog page responive footer imaegs are updated bro

Browse Source
This commit is contained in:
akash 2026-03-09 19:35:23 +05:30
parent b83e596ef1
commit 473ba216cf
3 changed files with 28 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/images/footer/footer.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 24 KiB

23
src/app/globals.css
View File

@ -12666,6 +12666,7 @@ body {
font-size: 12px !important; font-size: 12px !important;
padding: 20px 10px !important; padding: 20px 10px !important;
} }
.faq-two .section-heading { .faq-two .section-heading {
font-size: 32px !important; font-size: 32px !important;
} }
@ -13563,13 +13564,27 @@ body {
} }
/* Blog Results Grid – responsive overrides */ /* Blog Results Grid – responsive overrides */
/* At ≤500px force single column (the two-column col-6 grid otherwise stays) */ /* Specifically override .news-area .row column stacking at 1024px from main.css */
@media (max-width: 1024px) {
.blog-results-grid .row {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
}
.blog-results-grid .col-6 {
width: 50% !important;
flex: 0 0 50% !important;
max-width: 50% !important;
}
}
/* At ≤500px force single column */
@media (max-width: 500px) { @media (max-width: 500px) {
.blog-results-grid .col-6 { .blog-results-grid .col-6 {
width: 100%; width: 100% !important;
flex: 0 0 100%; flex: 0 0 100% !important;
max-width: 100%; max-width: 100% !important;
} }
} }

4
src/components/home/home-1/BlogSection.tsx
View File

@ -102,10 +102,10 @@ const BlogSection = ({
<div className="blog-content"> <div className="blog-content">
<div className="post-meta"> <div className="post-meta">
<span className="p-relative"><i className="fa-solid fa-user"></i> By Admin</span> <span className="p-relative"><i className="fa-solid fa-user"></i> By Admin</span>
<span className="meta-separator">•</span> {/* <span className="meta-separator">•</span> */}
<span className="p-relative"><i className="fa-solid fa-calendar-days"></i> {blog.date}</span> <span className="p-relative"><i className="fa-solid fa-calendar-days"></i> {blog.date}</span>
</div> </div>
<h5 className="blog-title mb-30 line-clamp-2"> <h5 className="blog-title mb-20 mt-15">
<Link href={`/blog/${blog.slug}`}>{blog.title}</Link> <Link href={`/blog/${blog.slug}`}>{blog.title}</Link>
</h5> </h5>
<div className="blog-footer"> <div className="blog-footer">