Solucionado
Fala galera, eu usei na classe .produto__imagem, o "object-fit: scale-down" e ajustei o "left: -5rem", para deixar a imagem com tamanho mais próximo do Figma!
Minha dúvida é se isso costuma ser utilizado em projetos reais, ou se deve envitar?
Segue o código:
.produto__imagem {
position: absolute;
top: 50%;
left: -5rem;
transform: translateY(-50%);
object-fit: scale-down;
z-index: 1;
width: 18.75rem;
}
Olá André, tudo bem?
Apesar de ter solucionado a questão em si, de fato não vemos com muita frequência a propriedade object-fit sendo utilizada em projetos reais.
Como o instrutor citou e eu também observo isso, é que no dia a dia muito provavelmente esse problema teria sido resolvido modificando as dimensões das imagens para que elas encaixem no projeto já no tamanho mais adequado, é realmente comum isso acontecer.
Espero ter ajudado, em caso de dúvidas fique a vontade para perguntar. Abraços!
Olá Beatriz, tudo bem...
Legal... é, eu vi que ele falou... mas na hora surgiu a dúvida se não existia ferramenta ou era pelas boas práticas... aí, pra matar a curiosidade eu fui procurar...rs Mas é bom saber, muito obrigado por pela resposta! Um abraço!