From 58b0128bbf2b5d8c9a41e6c8da619b2ac3ef61f3 Mon Sep 17 00:00:00 2001
From: samuel <samuel.campos@netoik.io>
Date: Tue, 7 Jun 2022 07:15:09 +0200
Subject: [PATCH] center services images

---
 front/index.html | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/front/index.html b/front/index.html
index 2182152..ecfe215 100644
--- a/front/index.html
+++ b/front/index.html
@@ -101,10 +101,10 @@
 
 						<!-- Service Cybersecurity-->
 						<div class="row py-5 mx-auto">
-							<div class="col-md-6 text-center d-flex align-self-center py-3">
+							<div class="col-md-6 text-center d-flex flex-column align-self-center align-items-center py-3">
 								<img class="img-fluid my-auto" src="/assets/img/services/cybersecurity.svg" alt="cybersecurity">
 							</div>
-							<div class="col-md-6 text-primary d-flex flex-column align-self-center py-3">
+							<div class="col-md-6 text-primary d-flex flex-column align-self-center align-items-center py-3">
 								<span>
 									La <strong>cybersécurité</strong> est primordiale dans un projet <strong>devOps</strong>,
 									elle passe par le respect des principes de développement <strong>secure-by-design</strong>:
@@ -137,10 +137,10 @@
 
 						<!-- Service Programming-->
 						<div class="row py-5 mx-auto">
-							<div class="col-md-6 order-md-last d-flex align-self-center py-3">
+							<div class="col-md-6 order-md-last d-flex flex-column align-self-center align-items-center py-3">
 								<img class="img-fluid" src="/assets/img/services/programming.svg" alt="programming">
 							</div>
-							<div class="col-md-6 d-flex flex-column align-self-center text-primary py-3">
+							<div class="col-md-6 d-flex flex-column align-self-center align-items-center text-primary py-3">
 								<span>
 									Selon les contraintes du projet, différents outils et langages de
 									<strong>programmation</strong> peuvent être utilisés:
@@ -164,10 +164,10 @@
 
 						<!-- Service Database-->
 						<div class="row py-5 mx-auto">
-							<div class="col-md-6 d-flex align-self-center py-3">
+							<div class="col-md-6 d-flex flex-column align-self-center align-items-center py-3">
 								<img class="img-fluid" src="/assets/img/services/database.svg" alt="database">
 							</div>
-							<div class="col-md-6 d-flex flex-column align-self-center text-primary py-3">
+							<div class="col-md-6 d-flex flex-column align-self-center align-items-center text-primary py-3">
 								<span>
 									Chaque <strong>système de gestion de bases de données</strong> (SGBD)
 									possède ses avantages et ses inconvénients: