jarrive pas a mettre mes 3 div en flex code example

Example 1: jarrive pas a mettre mes 3 div en flex

#conteneur{ border: 2px solid #444;
            display: flex;
            /*flex-direction: row-reverse;*/
            /*flex-wrap: wrap;*/
         /* justify-content: space-around;*/
             
             
            /*align-items: stretch;*/
             
 
}
 
.element{ width: 150px;
            height: 400px;      
             
}
 
.element:nth-child(1){ background-color: blue;
 
}
 
.element:nth-child(2){ background-color: yellow;
 
}
 
.element:nth-child(3){ background-color: red;
 
}

Example 2: jarrive pas a mettre mes 3 div en flex

<!DOCTYPE html>
<HTML>
    <head>
        <META charset="UTF-8"/>
        <title>LE TITRE DE MA PAGE</title>
        <link rel="stylesheet" href="css/drapeau3.css"/>
    </head>
 
<body>
    <div id="conteneur">
        <div class="element 1"></div>
        <div class="element 2"></div>
        <div class="element 3"></div>    
 
    </div>
 
</body>
 
</HTML>

Tags:

Misc Example

Recent Posts