From 009f15541a5ed10db7cfa3f9dd1d63c489bd48c9 Mon Sep 17 00:00:00 2001 From: AlyssaTomala Date: Tue, 15 Mar 2022 11:53:31 +0100 Subject: [PATCH 1/5] 01/ ex. 1 + 2 faits (justify content) --- css/exercice.css | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/css/exercice.css b/css/exercice.css index 864da22..2a12375 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -4,9 +4,17 @@ } /* 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 */ From 40b3dfddf5756cbba4e1a34c28e63acfd34ded77 Mon Sep 17 00:00:00 2001 From: AlyssaTomala Date: Tue, 15 Mar 2022 11:54:54 +0100 Subject: [PATCH 2/5] 02/ exercice 4 fait (justify content : space-around) --- css/exercice.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/css/exercice.css b/css/exercice.css index 2a12375..7f5d6a5 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -18,7 +18,11 @@ /* 4. exercice-justify-3 */ - +.exercice-justify-3 .container { + display: flex; + flex-direction: row; + justify-content: space-around; +} /* 5. exercice-align-1 */ From 202ed100c2c6641955a0f64d78ebf70c2fad9913 Mon Sep 17 00:00:00 2001 From: AlyssaTomala Date: Tue, 15 Mar 2022 11:57:37 +0100 Subject: [PATCH 3/5] 03/ exercice 6 fait (item align) --- css/exercice.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/css/exercice.css b/css/exercice.css index 7f5d6a5..27b4490 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -25,7 +25,11 @@ } /* 5. exercice-align-1 */ - +.exercice-align-1 .container { + display: flex; + flex-direction: row; + align-items: flex-end; +} /* 6. exercice-align-2 */ From 8686078a5e11d851fecbc9b86fd0dd517bf7f70f Mon Sep 17 00:00:00 2001 From: AlyssaTomala Date: Tue, 15 Mar 2022 12:00:02 +0100 Subject: [PATCH 4/5] 04/ ex 6+7 fait (item align) --- css/exercice.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/css/exercice.css b/css/exercice.css index 27b4490..184477c 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -32,10 +32,18 @@ } /* 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 */ From 865243d2acc8d95a3c96433c38884ff278a69364 Mon Sep 17 00:00:00 2001 From: AlyssaTomala Date: Tue, 15 Mar 2022 12:04:20 +0100 Subject: [PATCH 5/5] 05/ fini l'exercice --- css/exercice.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/css/exercice.css b/css/exercice.css index 184477c..76172aa 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -46,7 +46,17 @@ } /* 8. exercice-all-1 */ - +.exercice-all-1 .container { + display: flex; + justify-content: space-around; + align-items: center; + flex-direction: row; +} /* 9. exercice-all-2 */ +.exercice-all-2 .container { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column;