four card feature section master using css grid

Community feedback

• 

  Lucas 👾•104,160

  @correlucas

  Posted almost 3 years ago

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

  Acabei de abrir o preview da sua solução e achei tudo mto bom, tem poucos detalhes pra melhorar. Aqui umas dicas:

  1.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 15px 5px rgb(0 0 0 / 5%);

  Esse site aqui te ajuda a criar o design da sombra e depois basta copiar e colar o codigo dentro do CSS: https://www.cssmatic.com/box-shadow

  👋 Espero ter ajudado e continue no foco!

  00

  Marked as helpful
• 

  Heli0s•670

  @zeerobit

  Posted over 3 years ago

  • i would advise not to use generators for grid but instead try to do it yourself, this will help you understand how grid works and how to use it to achieve different layouts. This challenge is a really good example where you can use grid-areas.
  • px is not scalable, use rem instead wherever possible
  • to position the image it'd be better if you use flexbox on the cards (boxes) then you could use align-self to position the images which can be done with one image selector instead of having to target the image for each box separately therefore you'd end up using less codes

  overall looks good thought I'd share my feedback, hope it helps

  00

  Marked as helpful