From feaeec70dd52c7568f503bc86b522c626127f4da Mon Sep 17 00:00:00 2001 From: ElenoreGill Date: Tue, 15 Mar 2022 11:29:42 +0100 Subject: [PATCH 1/7] exercise 1 2 et 3 --- css/exercice.css | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/css/exercice.css b/css/exercice.css index 864da22..6100f78 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -4,12 +4,23 @@ } /* 2. exercice-justify-1 */ - +.exercice-justify-1 .container { + display: flex; + justify-content: flex-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; + justify-content: flex-end; +} /* 5. exercice-align-1 */ From 6c0f6db588f60c30cf8dede8f4e69180cbec2efa Mon Sep 17 00:00:00 2001 From: ElenoreGill Date: Tue, 15 Mar 2022 11:30:51 +0100 Subject: [PATCH 2/7] exercise 4 --- css/exercice.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/css/exercice.css b/css/exercice.css index 6100f78..14651c5 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -19,7 +19,9 @@ /* 4. exercice-justify-3 */ .exercice-justify-3 .container { display: flex; - justify-content: flex-end; + justify-content: center; + justify-content: space-between; + justify-content: space-around; } From 723f99b5e979b644dcdd3d31b281f1f1780d2c9d Mon Sep 17 00:00:00 2001 From: ElenoreGill Date: Tue, 15 Mar 2022 11:44:14 +0100 Subject: [PATCH 3/7] exercise 8 --- css/exercice.css | 25 +++++++++++++++++++++++-- 1 file changed, 23 insertions(+), 2 deletions(-) diff --git a/css/exercice.css b/css/exercice.css index 14651c5..76c941e 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -23,18 +23,39 @@ justify-content: space-between; justify-content: space-around; } +/* 5. exercice-align-1 */ +.exercice-align-1 .container { + display: flex; + align-items: flex-start; + +} -/* 5. exercice-align-1 */ + /* 6. exercice-align-2 */ +.exercice-align-2 .container { + display: flex; + align-items: flex-end; + flex-direction: row-reverse; + justify-content: ; +} /* 7. exercice-align-3 */ - +.exercice-align-3 .container { + display: flex; +} /* 8. exercice-all-1 */ +.exercice-all-1 .container { + display: flex; + flex-direction: row; + justify-content: space-around; + justify-content: baseline; + align-items: center; +} /* 9. exercice-all-2 */ From bb98f670b52d6e1e6ddd96b5c2874d9176fbd8b6 Mon Sep 17 00:00:00 2001 From: ElenoreGill Date: Tue, 15 Mar 2022 11:48:50 +0100 Subject: [PATCH 4/7] exercise 5 --- css/exercice.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/css/exercice.css b/css/exercice.css index 76c941e..362865e 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -26,7 +26,8 @@ /* 5. exercice-align-1 */ .exercice-align-1 .container { display: flex; - align-items: flex-start; + flex-direction:row; + align-items:flex-end; } From a9616c83b71bfa9729564918976d7cdf2647bae4 Mon Sep 17 00:00:00 2001 From: ElenoreGill Date: Tue, 15 Mar 2022 11:53:09 +0100 Subject: [PATCH 5/7] exercise 6 --- css/exercice.css | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/css/exercice.css b/css/exercice.css index 362865e..3e474e0 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -28,19 +28,15 @@ display: flex; flex-direction:row; align-items:flex-end; - - } - - /* 6. exercice-align-2 */ .exercice-align-2 .container { display: flex; - align-items: flex-end; + align-items: center; + justify-content: end; flex-direction: row-reverse; - justify-content: ; } From 2ac21296fcd59392d11d098d72d72a398ceceb56 Mon Sep 17 00:00:00 2001 From: ElenoreGill Date: Tue, 15 Mar 2022 11:57:01 +0100 Subject: [PATCH 6/7] exercise 7 --- css/exercice.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/css/exercice.css b/css/exercice.css index 3e474e0..24ece7d 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -43,6 +43,9 @@ /* 7. exercice-align-3 */ .exercice-align-3 .container { display: flex; + justify-content: flex-start; + align-items: center; + flex-direction: column; } /* 8. exercice-all-1 */ From 6939b40f628a2cfecd6dfe159ef4ef19c89f450f Mon Sep 17 00:00:00 2001 From: ElenoreGill Date: Tue, 15 Mar 2022 11:59:04 +0100 Subject: [PATCH 7/7] exercise 9 --- css/exercice.css | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/css/exercice.css b/css/exercice.css index 24ece7d..f000adf 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -53,10 +53,16 @@ display: flex; flex-direction: row; justify-content: space-around; - justify-content: baseline; align-items: center; } /* 9. exercice-all-2 */ +.exercice-all-2 .container { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +} +