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

Responsive cards using HTML5, CSS3, Flexbox and Grid Layout.

@Dumont19

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

Lucas 👾 104,420

@correlucas

Posted

👾Fala Matheus , tudo bem? Parabéns pelo desafio!

A solução está mto bem estruturada e a semantica está quase está 100%. A unica coisa que eu mudaria é deixar cada card com a tag <article> eu vi que vc usou section na primeira e nas outras div. Aqui a diferença entre article /section: https://www.geeksforgeeks.org/difference-between-article-tag-and-section-tag/#:~:text=The%20tag%20defines%20a,independent%2C%20self%2Dcontained%20content.

Se você quiser criar melhores sombras e com rapidez, esse site aqui ajuda a criar o design da sombra e vc so tem que copiar e colar o codigo da sombra: https://www.cssmatic.com/box-shadow

👋 Espero ter ajudado e continue no foco!

Marked as helpful

0

@Dumont19

Posted

@correlucas Muito obrigado. Assim que possível, vou fazer as modificações e atualizar a solução. Sobre a dica das sombras, vai ser de muita ajuda.

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