diff --git a/css/exercice.css b/css/exercice.css index 864da22..454ed5b 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -4,25 +4,62 @@ } /* 2. exercice-justify-1 */ +.exercice-justify-1 .container { + display: flex; + flex-direction: row; + justify-content: end; +} /* 3. exercice-justify-2 */ - +.exercice-justify-2 .container { + display :flex; + flex-direction: column; + justify-content: center; +} /* 4. exercice-justify-3 */ - +.exercice-justify-3 .container { + display : flex; + flex-direction: row-reverse; + justify-content:space-around; +} /* 5. exercice-align-1 */ +.exercice-align-1 .container { + display: flex; + flex-direction: row; + align-items:flex-end; +} /* 6. exercice-align-2 */ - +.exercice-align-2 .container { + display: flex; + flex-direction: row-reverse; + justify-content: end; + align-items: center; +} /* 7. exercice-align-3 */ - +.exercice-align-3 .container { + display: flex; + flex-direction: column; + align-items:center; +} /* 8. exercice-all-1 */ - +.exercice-all-1 .container { + display: flex; + flex-direction: row; + align-items:center; + justify-content:space-around; +} /* 9. exercice-all-2 */ - +.exercice-all-2 .container { + display: flex; + flex-direction: column-reverse; + align-items:center; + justify-content: center; +}