Design comparison
Solution retrospective
Minha maior dificuldade foi centralizar o conteúdo no meio da tela no momento de passar para o mobile (responsivo), que ficou o conteúdo colado no canto superior da tela.
Community feedback
- @RafisEliasPosted over 2 years ago
Cara ficou muito bom, tenho algumas sugestões:
I: na classe
.container
você pode remover ogap
, e depois na classe.description
nomargin-left
você coloca como32px
(se for fazer isso lembra de arrumar no media query)II: na tag
<button>
em vez de usarpx
(pixel) para owidth
, você pode colocar ele como100%
, ex:.btn-add-cart { ... /* width: 235px; <-- você pode remover esse */ width: 100%; /* <-- adicione esse*/ ... }
fazendo assim você não precisa se preocupar em ficar mudando o
width
do botão toda hora nosmedia query
espero ter ajudado
Marked as helpful1@Vitor-HenriqueASPosted about 2 years ago@RafisElias Obrigado, toda ajuda é bem vinda.
Sobre o <button> nem tinha parado para pensar sobre isso, valeu !
0@RafisEliasPosted about 2 years ago@Vitor-HenriqueAS, fico feliz que eu tenha ajudado
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord