responsivité

CSS/accueil.css

@@ -80,21 +80,33 @@ outline: none;
 	margin: 1%;
 }
 
+
 @media only screen and (max-width: 800px){
 
-	body{
-		width: 100vw;
+	h2{
+		margin-bottom: 10vh;
 	}
-	#img_droite_txt_gauche{
-		width: 100vw;
+	#presentation{
+		height: 50vh;
+	}
+	.img_main{
+		width: 75vw;
+		margin-bottom: 20vh;
 	}
 
-	#menu-ordi{
-		display: none;
+	#img-txt p {
+		width: 100vw;
+		margin-bottom: 10vh;
+	}
+	#img-txt div{
+		flex-direction: column;
+		padding-bottom: 0;
 	}
 
-	#menu-mobile{
-		position: fixed;
-		display: block;
+	#img_gauche_txt_droite{
+		flex-direction: column;
+	}
+	#fond_2 video{
+		width: 95vw;
 	}
 }

CSS/propos.css

@@ -4,7 +4,7 @@ h1,h2,h3,h4,h5{
 }
 
 
-#cv{
+.cv{
 	display: inline-block;
     border: 1px solid red;
   	padding: 1rem 1rem;

CSS/styles.css

@@ -210,8 +210,8 @@ footer #reseaux p{
 }
 
 footer #reseaux li img{
-	width: 3vw;
-	height: 3vh;
+	width: 5vw;
+	height: 5vh;
 }
 
 footer #reseaux li img:not(:hover){
@@ -247,3 +247,25 @@ footer #autres a:hover{
 	display: none;
 }
 
+@media only screen and (max-width: 800px){
+
+	*{
+		overflow-x: hidden;
+	}
+	footer a,footer p {
+		font-size: 7px;
+	}
+
+	#reseaux p{
+		display: none;
+	}
+
+	#menu-ordi{
+		display: none;
+	}
+
+	#menu-mobile{
+		position: fixed;
+		display: block;
+	}
+}