Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Página responsiva utilizando CSS Grid layout

@DrielySantos

Desktop design screenshot for the Single price grid component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@irenanrodrigues

Posted

Oi @DrielySantos, tudo bem? Parabéns por completar o desafio, ficou boa sua solução. Tenho algumas sugestões que você pode estar usando no seu projeto.

Vi que você usou as unidades px, rem e vh. Recomendo escolher uma das unidades e usar em todo seu projeto.

Na versão mobile, o botão ficou pequeno, deixe ele com width:100%. e na classe .advertisement_details__price, adicione um padding: 30px;

Na versão desktop, na classe .container faltou um grid-template-columns: 1fr 1fr; para .advertisement_details__price e advertisement_details__description, ficarem do mesmo tamanho.

Marked as helpful

0

@DrielySantos

Posted

Ei @irenanrodrigues, muito obrigada mesmo pelo tempo que você tirou para analisar o projeto e pelo feedback também. Com certeza irei fazer as alterações sugeridas!!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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