Interactive Holy Grail Layout

• body
  • header.header
    • h1: "My Blog"
  • div.container
    • aside.sidebar-left
      • h2: "Latest Articles"
      • p: "How to build responsive layouts effectively."
      • img: src="https://images.pexels.com/photos/236111/..."
      • p: "10 Tips for writing cleaner HTML and CSS."
      • img: src="https://images.pexels.com/photos/760714/..."
    • main.main-content
      • h2: "Welcome to Our Blog"
      • p: (any text with at least 50 characters.)
      • p: (any text with at least 50 characters.)
      • img: src="https://images.pexels.com/photos/546819/..."
    • aside.sidebar-right
      • h2: "Popular Topics"
      • p: "Web Design Trends 2024"
      • img: src="https://images.pexels.com/photos/326502/..."
      • p: "Introduction to React"
      • img: src="https://images.pexels.com/photos/1181271/..."
  • footer.footer
    • p: "© 2024 Your Website - All Rights Reserved"