*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
}
h1{
    background-color: black;
    text-align: center;
    font-size: 40px;
    color: red;
    padding: 10px;
    margin: auto;
}
main{
    height:300px
}

main > ul > li{
    background-color: tomato;
    width: 100px;
    height: 100px;
}
main > ul{
    list-style-type: none;
}

/* uppgift 1 */
main > ul.uppgift1{
display: flex;
}

/* uppgift 2 */
main > ul.uppgift2{
   display: flex;
   justify-content: center;
   align-items: center;
}

/* uppgift 3 */
main > ul.uppgift3{
    flex-direction: column;
}

/* uppgift 4 */
main > ul.uppgift4{
    display: flex;
    justify-content: space-between;
}
/* uppgift 5 */
main > ul.uppgift5{
    display: flex;
}
main > ul >li.li1{
    flex-grow: 2;
}

/* uppgift 6 */
main > ul.uppgift6{
    display: flex;
}

/* uppgift 7 */
main > ul.uppgift7{
    display: flex;
}

/* uppgift 8 */
main > ul.uppgift8{
    display: flex;
}

/* uppgift 9 */
main > ul.uppgift9{
    display: flex;
}