Página de tributo - Criar uma página de homenagem

Bom esse e o exercicio de conclusão do segundo modulo e ao meu ver nao a erros e mesmo assin o freecode diz que eu tenho que centralizar a imagem, display com o valor block e um max-width com o valor de 100% mas isso tudo ja ta no css o que eu faço ?

Seu código até o momento

<!-- file: index.html -->
<!DOCTYPE html>
<html>
<head>
	<title>Título da página</title>
  <link rel="stylesheet" type="text/css" href="style.css"


</head>
<body>
	<main id="main">
		<h1 id="title">Dr. Norman Borlaug</h1>
		
		<div id="img-div">
			<img id="image" src="https://www.nobelprize.org/images/borlaug-12571-content-portrait-mobile-tiny.jpg" alt="Dr. Norman Borlaug">
			<div id="img-caption">Dr. Norman Borlaug, founder of the World Food Prize Foundation</div>
		</div>

		<div id="tribute-info">
			<p>Dr. Norman Borlaug (1914-2009) was an American agronomist who led initiatives worldwide that contributed to the extensive increases in agricultural production termed the Green Revolution. Borlaug was awarded multiple honors for his work, including the Nobel Peace Prize in 1970.</p>
			<p>Source: <a href="https://en.wikipedia.org/wiki/Norman_Borlaug" target="_blank">Wikipedia</a></p>
		</div>

		<a id="tribute-link" href="https://en.wikipedia.org/wiki/Norman_Borlaug" target="_blank">Learn more about Dr. Norman Borlaug</a>

	</main>
</body>
</html>


/* file: styles.css */
.img-div {
			text-align: center;
		}
	.image {
			max-width: 100%;
			height: auto;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}

Informações de seu navegador:

Agente de usuário: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/114.0.0.0 Safari/537.36 Edg/114.0.1823.43

Desafio: Página de tributo - Criar uma página de homenagem

Link para o desafio:

O atributo type não deve ser deles. Então, seus estilos não são estilos.

Finalmente, tenha um seletor img e dê a ele uma exibição de bloco.
Além disso, tenha um seletor #image e dê a ele uma largura máxima de 100%.

então eu fiz as devidas mudanças

#img-div {
			text-align: center;
		}
	#image {
			max-width: 100%;
			height: auto;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		.center{
			display: block;
			margin-left: auto;
			margin-right: auto;
			width: 50%;
		}
		img{
			display: block;
			width: 100%;
		}
<head>
	<title>Título da página</title>
  <link rel="stylesheet" href="style.css">


</head>

e mesmo assim esta aparecendo os seguintes erros
O elemento img deve ter o atributo display com o valor block .
O elemento #image deve ter o atributo max-width com o valor 100% .
O elemento #image deve ser centralizado dentro de seu elemento pai.

obs eu ja coloqui o . no img tbm

Seu código deve se parecer com o exemplo abaixo.

#img-div {
			text-align: center;
		}

img{
property: value;
}

#image{
property: value;
}

Substitua a propriedade e o valor por seus apropriados.

Altere o valor href de estilo para estilos.

1 Like

ummmmmmmmmmmmmmmmmmmmmmmmmmmmmmm S
ummmmmmmmmmmmmmmmmmmmmmmmmmmmmm S
programação vai me deixar louco, eu to a 3 dias brigando com esse codigo, so nesse 3 erros.
Em fim muito obrigado por sua ajuda :>

1 Like

Eu sei, às vezes passo horas tentando descobrir o que pode estar errado com meu código, apenas para encontrar uma vírgula ou ponto final faltando, é uma loucura