sebastjan/folx-tv
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust layout to display more content across four columns

Browse Source 
Update grid columns in the home page component from 3 to 4, and add an ad component to the bottom section.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1f7e7e89-a520-4970-9645-37daadc466dc
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: d96a56d5-c310-4e8a-a7ac-cf9f5080eae8
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/1f7e7e89-a520-4970-9645-37daadc466dc/NJvOVoB
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-03-05 12:30:03 +00:00
parent 5ceae85140
commit 9f914847d7
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/pages/home.tsx
View File

@ -683,7 +683,7 @@ export default function Home() {
</div> </div>
))} ))}
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
{bottomSection.map((item, i) => ( {bottomSection.map((item, i) => (
<div key={`bottom-${i}`}> <div key={`bottom-${i}`}>
{item.el} {item.el}
@ -691,10 +691,11 @@ export default function Home() {
))} ))}
</div> </div>
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4"> <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
<PhotoGalleryWidget key="extra-gallery" /> <PhotoGalleryWidget key="extra-gallery" />
<NewsWidget key="extra-news" /> <NewsWidget key="extra-news" />
<RecipeWidget key="extra-recipe" /> <RecipeWidget key="extra-recipe" />
<ArticleCardAd />
</div> </div>
</main> </main>