Title

====== LU04.A02 - Flexbox ====== ===== Ausgangslage ====== **HTML**





    
    Title


    
        Item 1
        
            Item 1
            Item 2
            Item 3

**CSS**


* {
    font-family: Arial;
    box-sizing: border-box;
    font-size: 28px;
}
body {
    padding: 20px;
    margin: 0;
}
.container {
    padding: 30px;
    background-color: rgba(195, 0, 255, 0.4);
    border: 2px solid rgb(195, 0, 255);
    border-radius: 25px;
}
.logo {
    padding: 40px;
    background-color: rgba(0,0,255, 0.4);
    border: 2px solid rgb(0,0,255);
    border-radius: 25px;
    color: blue;
}
.nav {
    padding: 20px;
    background-color: rgba(0,0,255, 0.4);
    border: 2px solid rgb(0,0,255);
    border-radius: 25px;
}
.nav-item {
    padding: 20px;
    background-color: rgba(255,0,0,0.4);
    border: 2px solid rgb(255,0,0);
    border-radius: 25px;
    color: red;
    margin: 10px;
}

===== Aufgabenstellung ===== - Gestalten Sie Ihr HTML-Dokument gemäss Vorgabe. {{:modul:m287:learningunits:lu04:aufgaben:vorgabe.png?600|}} ==== Rahmenbedingungen ==== ^ Was ^ Beschreibung ^ | Produkt: | HTML-Seite mit CSS Flexbox | | Zeit: | 15 Min. | | Sozialform: | Einzel- oder Partnerarbeit | | Arbeitsmittel: | Unterrichtsunterlagen, HTML-Editor, Browser |