Simple Blog Page

Objective:

Build a blog-style page with multiple posts about a topic you enjoy (e.g., gaming, sports, or tech).

Skills Used:

• Semantic HTML (<article>, <header>, <time> for post dates).
• CSS for layout (e.g., Flexbox for post cards).
• Images (post thumbnails or decorative images).
• Links (e.g., to external articles or social media).
• Block and inline elements (e.g., <div> for posts, <span> for highlights).
• Basic formatting (e.g., <b>, <i>, <blockquote>).

Implementation Steps:

1. Structure: Use <header> for the blog title, <nav> for category links, and <main> with multiple <article> elements for posts.
2. Content: Write 2–3 short posts with a title (<h2>), date (<time>), image, and text in <p> tags.
3. Styling: Use CSS to create a card-like layout for posts (e.g., borders, padding, Flexbox for alignment).
4. Links: Add external links to related content or placeholder “Read More” links.
5. Bonus: Use <blockquote> for a quote and style it uniquely.