Quiero hacer que la imagen derecha pase debajo de la otra mediante responsive, lo que quiero tocar es #foto3
y #foto4
, he estado intentándolo pero no lo he conseguido y no entiendo lo que pasaba.
Si alguien me pudiese ayudar lo agradecería mucho.
Saludos!
@media screen and (max-width: 400px) {
#foto2{
max-width: 60%;
margin-left: 20%;
}
#foto{
max-width: 60%;
margin-left: 20%;
}
#foto4{
margin-left: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 600px) {
#foto2{
max-width: 60%;
margin-left: 20%;
}
#foto{
max-width: 60%;
margin-left: 20%;
}
}
#foto3 {
max-width: 40%;
height: auto;
margin: 20px;
padding: 5px;
display: inline-block;
margin: auto;
margin-left: 10%;
}
#foto4{
max-width: 40%;
height: auto;
margin: 20px;
padding: 5px;
display: inline-block;
margin: auto;
}
<div class="fotosoy">
<img id="foto3" src="https://via.placeholder.com/150" />
<img id="foto4" src="https://via.placeholder.com/150">
</div>