up

kurtounet · Mar 12, 2024 · dc1e183 · dc1e183
1 parent 30a6c87
commit dc1e183
Show file tree

Hide file tree

Showing 6 changed files with 31 additions and 8 deletions.
diff --git a/sass/_section_apropos.sass b/sass/_section_apropos.sass
@@ -12,6 +12,12 @@ section#a-propos
         grid-gap: 10px
         justify-items: center
 
+        .flex-col-center
+
+            display: flex
+            flex-direction: column
+            align-items: center
+
         .box
             display: flex
             flex-direction: row

diff --git a/sass/dist/_section_apropos.css b/sass/dist/_section_apropos.css
@@ -11,6 +11,11 @@ section#a-propos #list-jobs {
   grid-gap: 10px;
   justify-items: center;
 }
+section#a-propos #list-jobs .flex-col-center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
 section#a-propos #list-jobs .box {
   display: flex;
   flex-direction: row;

diff --git a/sass/dist/_section_apropos.min.css b/sass/dist/_section_apropos.min.css
diff --git a/sass/dist/style.css b/sass/dist/style.css
@@ -52,6 +52,11 @@ section#a-propos #list-jobs {
   grid-gap: 10px;
   justify-items: center;
 }
+section#a-propos #list-jobs .flex-col-center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
 section#a-propos #list-jobs .box {
   display: flex;
   flex-direction: row;
@@ -275,10 +280,14 @@ header {
 }
 header div {
   display: flex;
+  flex-direction: column;
   justify-content: center;
-  align-content: center;
+  align-items: center;
 }
 header div img#logo {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
   width: 32px;
   height: 32px;
 }
@@ -434,6 +443,7 @@ footer {
   nav {
     display: flex;
     justify-content: space-between;
+    align-items: flex-end;
     position: fixed;
     top: 0px;
     left: 100px;

diff --git a/sass/dist/style.min.css b/sass/dist/style.min.css
diff --git a/sass/style.sass b/sass/style.sass
@@ -59,10 +59,14 @@ header
 	z-index: 99
 	div
 		display: flex
+		flex-direction: column
 		justify-content: center
-		align-content: center
-		//align-items: center
+		align-items: center
+
 		img#logo
+			display: flex
+			flex-direction: column
+			align-items: center
 			width: $w-logo
 			height: $h-logo
 		h1
@@ -187,7 +191,6 @@ footer
 
 /* Smartphone */
 @media screen and (min-width: 576px)
-
 /*Smartphone Paysage*/
 @media screen and (min-width: 768px)
 	header
@@ -208,9 +211,9 @@ footer
 			height: 10vh
 
 	nav
-
 		display: flex
 		justify-content: space-between
+		align-items: flex-end
 		position: fixed
 		top: 0px
 		left: 100px
@@ -258,7 +261,6 @@ footer
 				// justify-content: center
 
 @media screen and (min-width: 1135px)
-
 	main
 
 		#a-propos