no projeto barbearia alura, na pagina de produtos estou tendo dificuldade, ja coloquei no html da pagina produtos, agora o css estou perdido ...a home e a pagina contato eu consegui...agora a de produtos não... alguém pfv ajuda
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
no projeto barbearia alura, na pagina de produtos estou tendo dificuldade, ja coloquei no html da pagina produtos, agora o css estou perdido ...a home e a pagina contato eu consegui...agora a de produtos não... alguém pfv ajuda
Olá, Fagner.
Tudo bem?
O legal é deixar os cards da página de produtos um embaixo do outro, você pode adicionar no modo reponsivo um width: 100%; na <ul> de produtos, e nas <li> adicinar um display: block; , com isso vão ficar um embaixo do outro:
Adiciona esse código na parte do responsivo, da página de produtos:
.produtos{
width: 100%;
}
.produtos li{
display: block;
width: 80%;
margin: 20px auto;
}Pode ser que tenha que ajustar os espaçamentos, margens, ai isso deixo com você :)
Espero ter ajudado.
Qualquer dúvida manda aqui. Valeu.