Olá amigos,me chamo Edson tenho 54 anos sou
deficiente e estudante de desenvolvimento
front-end e estou precisando de ajuda com CSS,
no meu código tem uma div com duas divs
internas cada uma contendo imagem e texto, as
divs internas tem que ficar centralizadas na
horizontal o que já está mas é ai que está o
problema quando visualizado no celular as divs
nao aparecem em coluna ou seja uma acima da
outra em uma unica coluna se alguém puder me
ajudar por favor desde já agradeço, abaixo tem
o html e o css .
==========HTML=========================
<div class="wrapper">
<div
class="box"><img src="fotos/panama.jpg"
alt="panama"><a href="paisagens.html">
Paisagens</a></div>
<div
class="box"><img src="fotos/tomy.jpg"
alt="tomy"><a href="retratos.html">
Retratos</a></div>
</div>
========================================
==============CSS=======================
.wrapper {
width: 100vw;
height: 100vh;
background: #d5c75f;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
border:1px;
}
.wrapper a{
color:#000000;
font-size:1.5em;
}
.box {
max-width: 500px;
margin: auto;
background: #d5c75f;
display:inline-block;
}
.box ,img{
}
.box, img, a{
align-items: center;
text-align:center;
font-size:1.2em;
}