Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Margin-right negativa

Como eu coloquei no outro post (https://cursos.alura.com.br/forum/topico-populares__card-margin-right-89153), só consegui alinhar os blocos colocando um margin-right negativo.

Não percebi diferença quando o Matheus colocou o margin-right:0 (entre 4:00 e 4:16 do vídeo). Aparentemente o grid-gap está limitando o quando o bloco pode se deslocar para a direita.

  1. Por que o grid-gap está causando esse efeito (se a culpa é dele mesmo)?

  2. Já vi em outros cursos o uso de valores negativos para 'compensar' distorções. A solução aqui é essa também?

Obrigado!

1 resposta
solução!

O margin acaba diminuindo o mesmo conforme ele mostra o componente acima.

Mas realmente não mudou o alinhamento com o componente de cima destaques.

Consegui ajustar zerando a propriedade grid-gap do componente destaques no media query com min-with 0

Olha o print do alinhamento e solução

Print da Solução Print da Solução

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software