From 87a5fb1113a73f4bc6d7ec5e2adca27e204a5d4a Mon Sep 17 00:00:00 2001 From: katrinemarku Date: Tue, 15 Mar 2022 11:29:32 +0100 Subject: [PATCH 1/7] exercice 2 justify-content --- css/exercice.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/css/exercice.css b/css/exercice.css index 864da22..7f0d6f5 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -4,6 +4,11 @@ } /* 2. exercice-justify-1 */ +.exercice-justify-1 .container { + display: flex; + flex-direction: row; + justify-content: end; +} /* 3. exercice-justify-2 */ From 1111e98adf6387e49f82cb20d4cd487ba6584443 Mon Sep 17 00:00:00 2001 From: katrinemarku Date: Tue, 15 Mar 2022 11:31:02 +0100 Subject: [PATCH 2/7] exercice 3 justify content --- css/exercice.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/css/exercice.css b/css/exercice.css index 7f0d6f5..1ee250e 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -12,7 +12,11 @@ /* 3. exercice-justify-2 */ - +.exercice-justify-2 .container { + display :flex; + flex-direction: column; + justify-content: center; +} /* 4. exercice-justify-3 */ From e98dc6e5ca1dcad0881205e73516d16aa41a4ef8 Mon Sep 17 00:00:00 2001 From: katrinemarku Date: Tue, 15 Mar 2022 11:36:09 +0100 Subject: [PATCH 3/7] exercice 4 justify content 3 --- css/exercice.css | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/css/exercice.css b/css/exercice.css index 1ee250e..1758cc0 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -14,12 +14,16 @@ /* 3. exercice-justify-2 */ .exercice-justify-2 .container { display :flex; - flex-direction: column; + flex-direction: column-reverse; justify-content: center; } /* 4. exercice-justify-3 */ - +.exercice-justify-3 .container { + display : flex; + flex-direction: row; + justify-content:space-around; +} /* 5. exercice-align-1 */ From 73540f36fed788b8bdf8832f845b7ee3b82307ae Mon Sep 17 00:00:00 2001 From: katrinemarku Date: Tue, 15 Mar 2022 11:39:45 +0100 Subject: [PATCH 4/7] exercice 5 align 1 --- css/exercice.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/css/exercice.css b/css/exercice.css index 1758cc0..b8d7b8e 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -26,6 +26,13 @@ } /* 5. exercice-align-1 */ +.exercice-align-1 .container { +display: flex; +flex-direction: row; +align-items:flex-end; + +} + /* 6. exercice-align-2 */ From 77a2583da0c112789fbd64fee769456cdc9df144 Mon Sep 17 00:00:00 2001 From: katrinemarku Date: Tue, 15 Mar 2022 11:41:47 +0100 Subject: [PATCH 5/7] exercice 6 align items 2 --- css/exercice.css | 13 +++++++++---- 1 file changed, 9 insertions(+), 4 deletions(-) diff --git a/css/exercice.css b/css/exercice.css index b8d7b8e..3582f50 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -27,16 +27,21 @@ /* 5. exercice-align-1 */ .exercice-align-1 .container { -display: flex; -flex-direction: row; -align-items:flex-end; + display: flex; + flex-direction: row; + align-items:flex-end; } /* 6. exercice-align-2 */ - +.exercice-align-2 .container { + display: flex; + flex-direction: row; + justify-content: end; + align-items:center; +} /* 7. exercice-align-3 */ From 62edec953683864b8486f85eec113fc7e0794453 Mon Sep 17 00:00:00 2001 From: katrinemarku Date: Tue, 15 Mar 2022 11:42:53 +0100 Subject: [PATCH 6/7] exercice 7 align items 3 --- css/exercice.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/css/exercice.css b/css/exercice.css index 3582f50..c6ac039 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -44,7 +44,10 @@ } /* 7. exercice-align-3 */ - +.exercice-align-3 .container { + display: flex; + flex-direction: column; + align-items:center; /* 8. exercice-all-1 */ From 8127506b4ae4a92ef6bc15e5ea429c3c58294fb4 Mon Sep 17 00:00:00 2001 From: katrinemarku Date: Tue, 15 Mar 2022 11:54:48 +0100 Subject: [PATCH 7/7] exercice 8 and 9 and also some corrections of other exercices --- css/exercice.css | 25 +++++++++++++++++-------- 1 file changed, 17 insertions(+), 8 deletions(-) diff --git a/css/exercice.css b/css/exercice.css index c6ac039..454ed5b 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -14,14 +14,14 @@ /* 3. exercice-justify-2 */ .exercice-justify-2 .container { display :flex; - flex-direction: column-reverse; + flex-direction: column; justify-content: center; } /* 4. exercice-justify-3 */ .exercice-justify-3 .container { display : flex; - flex-direction: row; + flex-direction: row-reverse; justify-content:space-around; } @@ -33,14 +33,12 @@ } - - /* 6. exercice-align-2 */ .exercice-align-2 .container { display: flex; - flex-direction: row; + flex-direction: row-reverse; justify-content: end; - align-items:center; + align-items: center; } /* 7. exercice-align-3 */ @@ -48,9 +46,20 @@ 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; +}