Blog Archive - 2024/05/3

Latest Post

This is the content of the latest blog post. It’s about... [Add dynamic content here, like a short excerpt]

October 1st

A special post to celebrate October 1st. It’s a bit of a surprise.

More details here...

``` ```css /* style.css */ body { font-family: 'Arial', sans-serif; line-height: 1.6; margin: 0; background-color: #f4f4f4; color: #333; } header { background-color: #333; color: #fff; padding: 20px; text-align: center; } nav a { color: #fff; text-decoration: none; margin: 0; } nav a:hover { text-decoration: underline; } main { padding: 20px; max-width: 800px; margin: 20px auto; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .blog-container { display: flex; flex-direction: row; gap: 20px; } .blog-container > .blog-item { flex: 1; padding: 20px; border: 1px solid #eee; border-radius: 8px; margin-bottom: 20px; } .blog-item h2 { color: #fff; margin-bottom: 0; } .blog-item p { color: #fff; margin-bottom: 10px; } .featured-post { margin-bottom: 20px; } .featured-post a { color: #fff; text-decoration: none; font-weight: bold; } .featured-post a:hover { text-decoration: underline; } footer { background-color: #333; color: #fff; padding: 20px; text-align: center; position: fixed; bottom: 0; left: 0; width: 100%; text-align: center; } ``` ```html