Blog Post Previews in Two-Tier Grid Layout

This component displays blog post previews in a two-tier grid layout with an extra featured post. It uses Tailwind CSS for styling. The top tier features a large preview for the featured post, including the image, title, excerpt, author info and tags. The bottom tier displays a grid of two additional, smaller post previews in a side-by-side layout. These include truncated versions of the same content as the featured post above. The styling uses Tailwind utilities like bg-white, px-6, max-w-2xl and space-y-20 for layout. Text and images are styled with text-gray-900, rounded-2xl, aspect-[16/9] etc.

Similar Components

Other components related to blog, grid, layout, tailwind, css, responsive tags