Tell us what’s happening:
i have tried it in so many ways bt the image doesnt chanege or doesnt happen anything what shoul i doo its the selector isuue somebody figure it outt
Your code so far
<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Mohammed Ali Tribute</title>
</head>
<body>
<main id="main">
<h1 id="title">Muhammad Ali</h1>
<div id="img-div">
<img id="image" src="muhammad-ali-vs-clay.jpg" alt="Muhammad Ali vs. Cassius Clay Fight">
<div id="img-caption">The famous fight between Muhammad Ali and Sonny Liston.</div>
</div>
<section id="tribute-info">
<p><i>Muhammad Ali, originally known as Cassius Clay, is widely regarded as one of the greatest boxers of all time. Known for his quick footwork, powerful punches, and charismatic personality, Ali's victory over Sonny Liston in 1964 marked the beginning of a legendary career.</i></p>
</section>
<a id="tribute-link" href="https://en.wikipedia.org/wiki/Muhammad_Ali" target="_blank">Learn more about Ali</a>
</main>
</body>
</html>
/* file: styles.css */
img{
display: block;
max-width: 100%;
margin: 0;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36
Challenge Information:
Tribute Page - Build a Tribute Page
