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

Adjust layout of two featured articles to align them correctly

Browse Source 
Modify the grid layout in the home page component to reposition two featured articles, ensuring proper alignment within the content area.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 60915ea8-c021-44da-be21-47417b5b015f
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/nFw7xof
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-03-02 18:21:49 +00:00
parent e6b789eddf
commit 65746cb92a
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -562,7 +562,8 @@ export default function Home() {
<div className="lg:col-span-3 space-y-4"> <div className="lg:col-span-3 space-y-4">
<FeaturedCarousel articles={articles} popular={popular} galleryImages={galleryImages} focalPoints={focalPoints} /> <FeaturedCarousel articles={articles} popular={popular} galleryImages={galleryImages} focalPoints={focalPoints} />
{widePickedArticles.length > 0 && ( {widePickedArticles.length > 0 && (
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4"> <div className="grid grid-cols-1 sm:grid-cols-3 gap-4">
<div className="hidden sm:block" />
{widePickedArticles.map((a) => ( {widePickedArticles.map((a) => (
<WideCard key={`wide-top-${a.id}`} article={a} focalPoints={focalPoints} /> <WideCard key={`wide-top-${a.id}`} article={a} focalPoints={focalPoints} />
))} ))}