le responsive? dans les annnées 2000? Plus probable que vous le croyez
This commit is contained in:
		
							parent
							
								
									5640416c5e
								
							
						
					
					
						commit
						f149318b79
					
				| @ -21,14 +21,22 @@ | ||||
| .contactprofile a { | ||||
|     display: flex; | ||||
|     width: 500px; | ||||
|     /*justify-content: space-between;*/ | ||||
|     flex-direction: row; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| .contactprofile a p{ | ||||
|     align-self: center; | ||||
|     margin-left: 2rem; | ||||
|     /* justify-content: center;*/ | ||||
|    text-decoration: none; | ||||
| } | ||||
| @media screen and (max-width:1200px){ | ||||
|     .profilsimg { | ||||
|         width: 40vw; | ||||
|         height: auto; | ||||
|         border-radius: 15px; | ||||
|     } | ||||
|     .contactprofile a { | ||||
|         flex-direction: column; | ||||
|         align-items: center; | ||||
|         padding-top: 1rem; | ||||
|     } | ||||
| } | ||||
| 
 | ||||
|  | ||||
| @ -164,3 +164,25 @@ margin: 5px; | ||||
|     align-items: center; | ||||
|     padding-bottom: 2rem; | ||||
| } | ||||
| 
 | ||||
| @media screen and (max-width:1200px){ | ||||
|     header{ | ||||
|         font-size: 3rem; | ||||
|         flex-direction: column; | ||||
|     } | ||||
|     header #buttonSec { | ||||
|         order: 3; | ||||
|     } | ||||
|     main{ | ||||
|         font-size: 2rem; | ||||
|     } | ||||
|     .avis { | ||||
|         width: 50%; | ||||
|         height: auto; | ||||
|     } | ||||
|     figure { | ||||
|         flex-direction: column; | ||||
|         align-items: center; | ||||
|     } | ||||
| 
 | ||||
| } | ||||
| @ -29,3 +29,22 @@ main h2 { | ||||
| section #bio { | ||||
|     align-self: center; | ||||
| } | ||||
| 
 | ||||
| @media screen and (max-width:1200px){ | ||||
|     #succes{ | ||||
|         display: flex; | ||||
|         align-items: center; | ||||
|         flex-direction: column; | ||||
|     } | ||||
|     #meet { | ||||
|         padding-top: 1rem ; | ||||
|         flex-direction: column; | ||||
|         align-items: center; | ||||
|         justify-content: center; | ||||
|         width: fit-content; | ||||
|     } | ||||
|     #sec_img img { | ||||
|         width:  80vw; | ||||
|         height: auto; | ||||
|     } | ||||
| } | ||||
		Loading…
	
		Reference in New Issue
	
	Block a user