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

3-columns grid component

Ruan Figuereido• 500

@huanfs

Preview site(opens in new window)View code(opens in new window)
Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

3-column preview card component
  • HTML
  • CSS
1newbie
View challenge

Design comparison

SolutionDesign

Solution retrospective

i don't know what, but the images didn't load, Even though the path is correct, this happened when I compiled the SCSS into CSS, Anyway it finished.

Community feedback

Daniel 🛸• 44,230

@danielmrz-dev

Posted

Fala, Ruan!

Seu projeto ficou bom!

  • Se você mudar o background-color pra #F2F2F2 e utilizar as fontes corretas, vai ficar bem parecido com o design original.

  • Outra observação: Você deu uma largura pra sua div#root de 700px, mas configurou cada card pra ter uma min-width de 280px, e como são 3 cards, ultrapassam os 700px de largura da div#root. Isso está fazendo com que ela vaze e tire seu card do meio da página. Dá uma olhadinha nessa parte, se arrumar, fica show!

Espero que ajude!

Fora esses pequenos detalhes, ficou muito bom!

Marked as helpful

0
Ruan Figuereido• 500

@huanfs

Posted

@danielmrz-dev obrigado, você é brabo

1
Daniel 🛸• 44,230

@danielmrz-dev

Posted

@HuanFs 🤜🏼🤛🏼

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