Align featured articles to the right side of the page
Update layout for featured articles to use a right-aligned grid, utilizing `lg:ml-auto` and `lg:w-3/4` for positioning. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188 Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Event-Id: 466a0deb-95d2-4316-ac6c-4a80dfd7a22c 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:
parent
7c97f05c36
commit
db6233c8fb
@ -570,8 +570,7 @@ export default function Home() {
|
||||
</div>
|
||||
|
||||
{widePickedArticles.length > 0 && (
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
|
||||
<div className="hidden lg:block lg:col-span-2" />
|
||||
<div className="grid grid-cols-1 sm:grid-cols-2 gap-4 lg:ml-auto lg:w-3/4">
|
||||
{widePickedArticles.map((a) => (
|
||||
<WideCard key={`wide-top-${a.id}`} article={a} focalPoints={focalPoints} />
|
||||
))}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user