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

Adjust blog post display to use smaller cards in a four-column layout

Browse Source 
Update the blog home page to render articles using `MediumCard` components in a 4-column grid on larger screens, replacing the previous `BlogCard` components and adjusting the grid layout.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: b25d4069-f556-46d8-bde2-7014116eb56c
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/0ZGabQy
Replit-Helium-Checkpoint-Created: true
This commit is contained in:
sebastjanartic 2026-02-28 22:01:28 +00:00
parent 901d69965f
commit d506a3fd50
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
attached_assets/image_1772316066568.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 762 KiB

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

@ -446,9 +446,9 @@ export default function Home() {
</div>
{remaining.length > 0 && (
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
{remaining.map((a) => (
<BlogCard key={a.id} article={a} focalPoints={focalPoints} />
<MediumCard key={a.id} article={a} focalPoints={focalPoints} />
))}
</div>
)}