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

Cards em coluna e responsivos

Lucasghcs 30

@Lucasghcs

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

Me orgulho de poder ter conseguido analisar e encontrar um metodo para resolver o desafio e tentarei encontrar uma forma melhor de resolver na proxima vez.

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

os desafios foram a centralização tanto dos cards como dos elementos dentro dos mesmo e a forma responsiva, consegui resolver todos eles graças a algumas pesquisas no mdnCSS que me possibilitou encontrar e aplicar as resoluções para desafio.

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

na parte da estilização, gostaria de saber se haveria uma forma de encurtar o codigo CSS

Community feedback

Daniel 🛸 44,230

@danielmrz-dev

Posted

E aí @Lugaryel!

Seu projeto ficou excelente!

Sobre sua pergunta:

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

na parte da estilização, gostaria de saber se haveria uma forma de encurtar o codigo CSS**

📌 Você utilizou id pra estilizar cada card e, como o id não pode ser utilizado em mais do que um elemento, você teve que estilizar cada um deles separadamente, mesmo eles tendo o mesmo estilo, com exceção da cor de fundo.

Você reduziria seu código CSS consideravelmente se usasse class ao invés de id. A class pode ser adicionada a mais de um elemento no HTML, ou seja, se você criasse uma class="card" e estilizasse ela, poderia adicionar essa classe aos 3 cards e todos eles teriam o mesmo estilo, então você só teria que mudar a cor de fundo do segundo e terceiro card.

Fazendo isso, você reduziria pelo menos umas 40~50 linhas de código, já que boa parte do seu código atual é repetido devido ao uso do id.

Espero que ajude!

Marked as helpful

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