Card's section (Version Desktop)

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted about 2 years ago

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

  O valor da sombra do componente está um pouco forte, você pode melhorar isso colocando menos opacity e mais blur, aqui um valor bom pra essa sombra: box-shadow: 5px 5px 12px 3px rgb(0 0 0 / 4%); se vc quiser criar sombras de um jeito mais fácil tem esse site aqui https://html-css-js.com/css/generator/box-shadow/

  👋 Espero ter ajudado e continue no foco

  Marked as helpful

  0
• 

  Riccardo•240

  @riccardofanoPosted over 2 years ago

  Hey José, good job on this challenge already, but it would be a great way to learn how to use CSS grid!

  If you look at the design of the desktop version you'll see there are 3 columns of equal size.

  Then there are what might appear to be 3 rows as well but in reality there are only 2, the cards on the side start at the first row but span 2 and then are centered. On the mobile version there's only one column so you can change the grid accordingly.

  Hopefully this was helpful, take a look at my solution if you need any pointers.

  Marked as helpful

  0

  ---

  

  José Wendel•60

  @wendeltmPosted over 2 years ago

  @riccardofano Thanks for your advice, i think i have to much to improve my skills, and i will see your solution for learn more.

  0
• 

  José Wendel•60

  @wendeltmPosted over 2 years ago

  Check my github profile to see the repositorie and the version mobile

  github: https://github.com/wendeltm?tab=repositories

  version mobile: https://wendeltm.github.io/Chalenges-FrontEnd-Mentor/cards%20section/cards%20mobile/index.html

  0