Latest Post Title - Example

This is the title of the latest blog post. It’s a really exciting one!

It discusses advanced concepts with more detail.

Blog Image

A beautiful image to complement the text. It demonstrates [specific feature/idea].

Featured Post

This is the featured post. It has a highly-rated image.

It’s linked to a related document:

Related Documents
``` ```css /* style.css */ body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; color: #333; line-height: 1.6; } .blog-container { background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 80%; margin: 0 auto; display: flex; flex-direction: column; } .blog-container h1 { font-size: 3em; margin-bottom: 0.5em; color: #333; } .blog-container nav a { margin-bottom: 0.5em; color: #fff; text-decoration: none; border-bottom: 1px solid #ccc; padding-bottom: 10px; } .blog-container nav a:hover { background-color: #f0f0f0; color: #333; } .blog-container ul { list-style: none; padding: 0; } .blog-container li { margin-bottom: 1em; } .blog-container article { margin-bottom: 2em; padding: 10px; border-bottom: 1px solid #eee; border-left: 1px solid #ccc; padding-left: 10px; } .blog-container article h2 { font-size: 1.5em; margin-bottom: 0.5em; color: #333; } .blog-container article p { font-size: 1.2em; margin-bottom: 0.5em; } .featured-post { margin-bottom: 2em; padding-bottom: 20px; border-bottom: 1px solid #eee; } .featured-post article { font-size: 1.1em; margin-bottom: 1em; } .featured-post img { width: 100%; height: 200px; object-fit: cover; border-radius: 5px; } .footer { margin-top: 20px; padding: 10px; border-top: 1px solid #eee; background-color: #f4f4f4; color: #333; } /* For a full page-like appearance, you could add some more styling... */