From db957e2fa4880b4e27e263dda478a8fc098aeb48 Mon Sep 17 00:00:00 2001 From: RuprechtLenny Date: Wed, 16 Mar 2022 09:51:43 +0100 Subject: [PATCH 1/4] make exercice 1 --- css/exercice.css | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/css/exercice.css b/css/exercice.css index 864da22..12ed55c 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -1,10 +1,17 @@ /* 1. exercice-flex */ + .exercice-flex .container { - display: flex; + display: flex; } + /* 2. exercice-justify-1 */ +.exercice-justify-1 .container { + display: flex; + justify-content: flex-end; +} + /* 3. exercice-justify-2 */ @@ -24,5 +31,4 @@ /* 8. exercice-all-1 */ -/* 9. exercice-all-2 */ - +/* 9. exercice-all-2 */ \ No newline at end of file From 1f9075bf2560756b22bdd64f5a6ad37d2e3d1cb9 Mon Sep 17 00:00:00 2001 From: RuprechtLenny Date: Wed, 16 Mar 2022 09:57:16 +0100 Subject: [PATCH 2/4] make excercice 2 --- css/exercice.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/css/exercice.css b/css/exercice.css index 12ed55c..c7b05f0 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -15,6 +15,12 @@ /* 3. exercice-justify-2 */ +.exercice-justify-2 .container-big { + display: flex; + flex-direction: column; + justify-content: center; +} + /* 4. exercice-justify-3 */ From b2086891c5f67ae56c6a1ace5a6c9b6fe4ba8368 Mon Sep 17 00:00:00 2001 From: RuprechtLenny Date: Wed, 16 Mar 2022 11:30:22 +0100 Subject: [PATCH 3/4] make excercice 4/5/6 --- css/exercice.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/css/exercice.css b/css/exercice.css index c7b05f0..d1c4407 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -24,12 +24,30 @@ /* 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; + align-items: center; +} + /* 7. exercice-align-3 */ From 349d532db3914bc19b5dc3fadf0831c00e10f066 Mon Sep 17 00:00:00 2001 From: RuprechtLenny Date: Wed, 16 Mar 2022 11:34:14 +0100 Subject: [PATCH 4/4] Fait les derniers exercices --- css/exercice.css | 120 ++++++++++++++++++++++++----------------------- 1 file changed, 62 insertions(+), 58 deletions(-) diff --git a/css/exercice.css b/css/exercice.css index d1c4407..57e0af2 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -1,58 +1,62 @@ -/* 1. exercice-flex */ - -.exercice-flex .container { - display: flex; -} - - -/* 2. exercice-justify-1 */ - -.exercice-justify-1 .container { - display: flex; - justify-content: flex-end; -} - - -/* 3. exercice-justify-2 */ - -.exercice-justify-2 .container-big { - 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; - align-items: center; -} - - -/* 7. exercice-align-3 */ - - -/* 8. exercice-all-1 */ - - -/* 9. exercice-all-2 */ \ No newline at end of file + /* 1. exercice-flex */ + + .exercice-flex .container { + display: flex; + } + /* 2. exercice-justify-1 */ + + .exercice-justify-1 .container { + display: flex; + justify-content: flex-end; + } + /* 3. exercice-justify-2 */ + + .exercice-justify-2 .container-big { + 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; + 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-big { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-around; + } + /* 9. exercice-all-2 */ + + .exercice-all-2 .container-big { + display: flex; + flex-direction: column-reverse; + align-items: center; + justify-content: center; + } \ No newline at end of file