Problema com JavaScript e HTML e CSS

[robert]

Alguém pode me ajudar?

Estou com um projeto de web, de fazer um clone do sportfy, mas a imagem fica muito grande, e já tentei enquadrar com comando display e flex, mas não fica certo

[Kleverson Cruz]

Se a intenção é transformar a imagem retangular em um quadrado, você pode usar a propriedade overflow: hidden para esconder as partes excedentes da imagem e ajustar o tamanho da imagem usando CSS.

 

<div class="quadrado">
  <img src="sua-imagem.jpg" alt="Imagem Retangular">
</div>

 

.quadrado {
  width: 200px; /* Largura desejada do quadrado */
  height: 200px; /* Altura desejada do quadrado */
  overflow: hidden; /* Para cortar as partes excedentes da imagem */
}

 

.quadrado img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ajusta a imagem para preencher o quadrado */
}

 

[robert]

Mais tarde vou testar e lhe dou um retorno, desde já agradeço 

Vou mandar meu código antigo aqui