Always I use display: flex

🐙Fala Felipe beleza? Parabéns pelo novo desafio.

Minha sugestão pra você seria usar grid, porque é bem mais fácil de construir o componente.

Por exemplo, pra fazer o componente com duas colunas exatamente iguais voce só precisa de duas linhas de codigo pro container.

display: grid; e grid-template-column: 1fr 1fr;

E usar flex na div com o conteúdo de texto

Depois pra fazer a versão mobile so precisaria de uma media query mudando pra 1 coluna.

@media (max-width: 350px) {
.container {
Grid-template-column: 1fr;}

Se você quiser pode olhar minha solução pra esse desafio, fiz ela com grid usando esse mesmo esquema.

Boa, continue codando.

Hi Felipe, well done completing your first challenge at Frontend Mentor! One small suggestion I have is, your image looks squished right now, so try adding object-fit: cover; on the img selector so that it looks normal again.

Also, I see that you used position: absolute and transform to position your component. You can try using a simple way of display:grid instead on the body:

body {
  display: grid;
  place-content: center;
  min-height: 100vh;
}

Once again, great job on your very first challenge, and hope to see more!