Que me queda fuera de marco, no se como se puede modificar el error el foto y el código, si me pueden ayudar?
El discord no funcional.
@media all and (min-width: 900px) {
body{
width: auto;
left: 0;
top: 0;
display: flex;
flex-direction: column;
align-items: center;
padding: 0;
font-family: 'Raleway', sans-serif;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 19px;
position: absolute;
}
/* cabesado */
header{
background-color:#ee08f8;
padding: 20px 0;
}
.menuPricipal{
font-size: 14px;
width: auto;
position: relative;
margin: 0 auto;
}
.logo{
position: static;
width: 170px;
height: 8px;
left: 30px;
top: 30px;
flex: none;
order: 0;
flex-grow: 0;
margin: 0px 7px;
}
.link{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
padding: 0px;
position: static;
width: 200px;
height: 18px;
left: 200px;
top: 30px;
flex: none;
order: 1;
flex-grow: 0;
margin: 0px 600px;
}
.sobreMi{
text-decoration: none;
color: black;
position: static;
width: 65px;
height: 35px;
left: 0px;
top: 0px;
flex: none;
order: 0;
flex-grow: 0;
margin: 0px 3px;
}
.skills{
position: static;
width: 40px;
height: 35px;
left: 90x;
top: 0px;
flex: none;
order: 1;
flex-grow: 0;
margin: 0px 3px;
text-decoration: none;
color: black;
}
.hobbies{
position: static;
width: 63px;
height: 35px;
left: 165px;
top: 0px;
flex: none;
order: 2;
flex-grow: 0;
margin: 0px 3px;
text-decoration: none;
color: black;
}
.formacion{
position: static;
width: 80px;
height: 35px;
left: 255px;
top: 0px;
flex: none;
order: 3;
flex-grow: 0;
margin: 0px 3px;
text-decoration: none;
color: black;
}
.proyecto{
position: static;
width: 75px;
height: 35px;
left: 365px;
top: 0px;
flex: none;
order: 4;
flex-grow: 0;
margin: 0px 3px;
text-decoration: none;
color: black;
}
.mail{
position: static;
width: 168px;
height: 35px;
left: 470px;
top: 0px;
font-weight: bold;
flex: none;
order: 5;
flex-grow: 0;
margin: 0px 3px;
text-decoration: none;
color: black;
}
/* pricipal */
.principal{
display: flex;
flex-direction: row;
width:1000px ;
height: 400px;
left: auto;
top: 10px ;
}
.principalPersetacion{
display: flex;
flex-direction: column;
position: relative;
height: 300px;
left: 0px;
top: 70px;
}
.nombrePersonal{
width: auto;
height: auto;
left: 0;
font-size: 30px;
line-height: 50px;
}
#soyFormada{
width: auto;
height: auto;
left: 0;
font-weight: normal;
font-size: 14px;
line-height: 17px;
color: rgb(3, 70, 3);
margin-top: 32px;
}
.links{
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
position: static;
width: 467px;
height: 24px;
left: 0px;
top: 222px;
flex: none;
order: 2;
flex-grow: 0;
margin: 20px 0px;
}
.linkDeAcceso{
position: static;
width: 120px;
height: 19px;
left: 0px;
top: 2.5px;
font-family: Raleway;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 19px;
color: rgb(228, 19, 123);
text-decoration: none;
font-weight: normal;
}
.imgPefil{
width: 350px;
height: 350px;
left: 78px;
top: 0;
margin: 0%;
align-items: flex-end;
float: right;
}
/* Sobre mi */
#grad{
background-color: #ffdaea;
font-weight: normal;
}
.refereciasSobreMi{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
position: static;
width: 1000px;
height: 255px;
left: 152px;
top: 64px;
flex: none;
order: 0;
flex-grow: 0;
margin: 10px 0px;
}
.h2SobreMi{
position: static;
width: 500px;
height: 38px;
left: 0px;
top: 0px;
flex: none;
order: 0;
flex-grow: 0;
margin: 16px 0px;
font-weight: bold;
font-size: 30px;
text-align: center;
}
.parrafoSobreMi{
position: static;
width: 751px;
height: 100px;
left: 0px;
top: 54px;
font-size: 14px;
line-height: 17px;
flex: none;
order: 1;
flex-grow: 0;
margin: 16px 0px;
}
#imgSobre{
position: static;
width: 200px;
height: 30px;
left: 0px;
top: 20px;
flex: none;
order: 2;
flex-grow: 0;
margin: 20px 0px;
}