Submitted 3 months ago

Componente de cartão responsivo usanfo flex-box e sass.

Alberdam Santiago Sancler da Silva•60

@hunter-code

Preview site View code

This is a solution for...Product preview card component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Fico muito feliz , com a construção por parte da solução, e de trabalhar cada uma das paertes antes de iniciar , a outra. Da próxima vez , tentarei contruir a solução todo em um só dia para porder , avaliar melhor o meu tempo.

What challenges did you encounter, and how did you overcome them?

Enfrentei desafios de centralização de conteúdo de forma geral dentro de todo o body , e também dentro de container's, mas superei , aplicando conceitos estudados anteriormente de flex-box e também de centralização responsiva.

What specific areas of your project would you like help with?

Gostaria de ajuda em responsividade, que já tenho evoluido bastente e também ajuda na utilização do sass, entre outros.

Community feedback

Svitlana Suslenkova•5,360
@SvitlanaSuslenkovaPosted 3 months ago
body { display: flex; flex-direction: column; justify-content: center; align-items: center; min-height: 100vh; } Try this to align(top-bottom) and justify(left-right) your project to the center. It applies to the parent component(body). You can use grid instead of flex too(with some changes). Hope you found this comment helpful :)
Marked as helpful
0
Alberdam Santiago Sancler da Silva•60
@hunter-codePosted 3 months ago
@SvitlanaSuslenkova , muito obrigado, vou seguir categoricamente o que me recomendou, obrigado por usar o seu tempo, para me ajudar, pode contar comigo também.
0

Please log in to post a comment

Join 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