Blog Page UI/Responsiveness Issues (Layout & Overflow Problems) #284

Description
The blog page on OpenScienceLabs Blog has noticeable UI and responsiveness issues affecting user experience.

Issues Observed 1. Layout imbalance in hero section Left side (Blog heading area) takes too much space. Right side content (OSL Pathway: Learn, Build, Share) appears misaligned and partially cut. 2. Blog cards alignment issue Cards are not properly spaced/aligned. Grid responsiveness seems inconsistent across screen sizes. 3. Overflow / spacing problem Content near edges looks cramped. Possible margin/padding inconsistency. 4. Responsiveness issue (important 🚨) On smaller or mid screens, layout breaks or doesn’t scale properly. Horizontal scrolling or improper resizing may occur (needs verification).