From 3815db9d3277c997cead623f5935e01163cba57d Mon Sep 17 00:00:00 2001 From: anissahquraishi Date: Thu, 24 Mar 2022 10:01:06 +0100 Subject: [PATCH 1/3] do exercice justify 1 --- css/exercice.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/css/exercice.css b/css/exercice.css index 864da22..53825e4 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -4,8 +4,11 @@ } /* 2. exercice-justify-1 */ - - +.exercice-justify-1 .container { + display: flex; + flex-direction: row; + justify-content: flex-end; +} /* 3. exercice-justify-2 */ From ff12d0a5f15d8854e7e978e9837f3729a719c3cc Mon Sep 17 00:00:00 2001 From: anissahquraishi Date: Thu, 24 Mar 2022 11:38:16 +0100 Subject: [PATCH 2/3] do exercice justify 2 --- css/exercice.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/css/exercice.css b/css/exercice.css index 53825e4..09f3298 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -10,7 +10,11 @@ justify-content: flex-end; } /* 3. exercice-justify-2 */ - +.exercice-justify-2 .container { + display: flex; + flex-direction: column; + justify-content: flex-start ; +} /* 4. exercice-justify-3 */ From aee10053f396621ba58e377b8c234076706ee527 Mon Sep 17 00:00:00 2001 From: anissahquraishi Date: Thu, 24 Mar 2022 11:46:46 +0100 Subject: [PATCH 3/3] do ex 4, 5, 6, 7, 8, 9 --- css/exercice.css | 41 ++++++++++++++++++++++++++++++++++++----- 1 file changed, 36 insertions(+), 5 deletions(-) diff --git a/css/exercice.css b/css/exercice.css index 09f3298..cfd93fd 100644 --- a/css/exercice.css +++ b/css/exercice.css @@ -17,19 +17,50 @@ } /* 4. exercice-justify-3 */ - +.exercice-justify-3 .container { + display: flex; + flex-direction: row-reverse; + justify-content: center; + justify-content: space-around; +} /* 5. exercice-align-1 */ - +.exercice-align-1 .container { + display: flex; + flex-direction: row; + justify-content: start; + 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; + justify-content: start; + align-items: center; +} /* 8. exercice-all-1 */ - +.exercice-all-1 .container { + display: flex; + flex-direction: row; + justify-content: space-around; + align-items: center; +} /* 9. exercice-all-2 */ - +.exercice-all-2 .container { + display: flex; + flex-direction: column-reverse; + justify-content: center; + align-items: center; +}