Adjust layout to display two wide article cards vertically

Update the home page grid layout to stack two wide article cards vertically, ensuring proper display on different screen sizes.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: d79d3c45-0645-4414-bd11-d86326370d06
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

client/src/pages/home.tsx

@@ -525,6 +525,10 @@ export default function Home() {
         {shuffled.length > 1 && (
           <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
             <WideCard article={shuffled[shuffled.length - 1]} focalPoints={focalPoints} />
+          </div>
+        )}
+        {shuffled.length > 2 && (
+          <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
             <WideCard article={shuffled[shuffled.length - 2]} focalPoints={focalPoints} />
           </div>
         )}