le responsive? dans les annnées 2000? Plus probable que vous le croyez

This commit is contained in:
Djalim Simaila 2021-11-21 11:34:38 +01:00
parent 5640416c5e
commit f149318b79
3 changed files with 54 additions and 5 deletions

View File

@ -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;
}
}

View File

@ -163,4 +163,26 @@ margin: 5px;
justify-content: center;
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;
}
}

View File

@ -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;
}
}