Title

====== LU04.A02 - Flexbox ====== ===== Starting position ====== **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;
}

===== Task ===== - Design your HTML document according to the specifications. {{modul:m287:learningunits:lu04:aufgaben:vorgabe.png?600|}} ==== Framework conditions ==== ^ What ^ Description ^ | Product: | HTML page with CSS Flexbox | | Time: | 15 min. | | Social form: | Individual or partner work | | Resources: | Teaching materials, HTML editor, browser |