Übung 1: Vertiefung 9: Komplexere Strukturen mit
Erstelle ein einfaches Layout mit einer Navigationsleiste, einem Hauptinhalt und einer Seitenleiste. Verwende CSS Flexbox, um die Elemente zu ordnen.
```python
# Python-Aufgabe zur Erstellung eines einfachen Layouts mit Flexbox
print("""
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mein Blog</title>
<style>
.container {
display: flex;
justify-content: space-around;
}
.header, .content, .sidebar {
margin: 10px;
padding: 10px;
}
.header { background-color: #4CAF50; color: white; }
.content { background-color: #f4f4f4; }
.sidebar { background-color: #ddd; }
</style>
</head>
<body>
<div class="container">
<div class="header">Mein Blog</div>
<div class="content">
<h1>Willkommen bei meinem Blog</h1>
<p>Ein interessanter Beitrag über CSS Flexbox.</p>
</div>
<div class="sidebar">Rechtlicher Hinweis</div>
</div>
</body>
</html>
""")
```