Can’t get past the " Your #image should be centered within its parent." What it means and what is off in my codes in relation to that?
My Code so far:
-HTML-
<!DOCTYPE hmtl>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tribute Ansel Adams</title>
<link rel="stylesheet" href="./styles.css">
</head>
<body>
<header class="header">
<h1 class="title" id="title">Ansel Adams</h1>
<p class="subtitle" id="subtitle">The Father of Landscape Photography</p>
</header>
<main id="main">
<div id="img-div">
<img id="image" src="https://www.gannett-cdn.com/authoring/2019/01/06/NWKL/ghows-WL-7ecd3020-b342-3006-e053-0100007fd243-6ff041b2.jpeg?crop=2999,1694,x0,y0&width=2560" alt="Clearing Winter Storm" >
<figcaption id="img-caption">Clearing Winter Storm, by Ansel Adams - Yosemite National Park, 1938</figcaption>
</div>
<h3>“At one with the power of the American landscape, and renowned for the patient skill and timeless beauty of his work <a id="tribute-link" href="https://www.anseladams.com/gallery/welcome/about-ansel-adams/" value="author-official-page" target="_blank">(see Ansel Adams Yosemite black & white photographs & original prints)</a>, photographer Ansel Adams has been a visionary in his efforts to preserve this country’s wild and scenic areas, both on film and on Earth. Drawn to the beauty of nature’s monuments, he is regarded by environmentalists as a monument himself, and by photographers as a national institution. It is through his foresight and fortitude that so much of America has been saved for future Americans.” - <span class="mention" id="mention">President James E. Carter Presenting Ansel Adams with the
Presidential Medal of Freedom</span></h3>
<div id="img-div">
<img id="image" class="portrait" src="https://i0.wp.com/www.anseladams.com/wp-content/uploads/2019/05/8100442.jpg?fit=384%2C493&ssl=1" alt="Ansel Adams"
</div>
<h2 class="tribute-title" id="tribute-title">Here's his Life's Timeline:</h2>
<ul class="tribute-info" id="tribute-info">
<li ><span class="date">1902</span> - Born in February 20, California, U.S. </li>
<li><span class="date">1906</span> - After the San Francisco's Earthquake, he got a nose injury tha made him force to breath through his mounth for the rest of his life. His family moved 3km to the west where he could explore nature, appreciate the Golden Gate and with his father, enthusiastically shared the hobby of astronomy</li>
<li><span class="date">1916</span> - He visits the Yosemite National Park with his family for the first time. He wrote of his first view of the valley: <i>"the splendor of Yosemite burst upon us and it was glorious…. One wonder after another descended upon us…. There was light everywhere…. A new era began for me."</i>His father gave him his first camera during that stay, an <a id="camera-model-info" href="https://en.wikipedia.org/wiki/Kodak_Brownie" value="camera-model-info" target="_blank">Eastman Kodak Brownie box camera</a>, and he took his first photographs with his "usual hyperactive enthusiasm".</li>
<li><span class="date">1917</span> - Graduated from eigth grade, had a complicated relationship with school because of his hyperactivity and curiosity to nature. At the end, displayed the diplom in the guest's bathroom. Also, he became interested in playing the piano at age 12 after hearing his 16-year-old neighbor Henry Cowell play on the Adamses' piano, and he taught himself to play and read music. Cowell, who later became a well-known avant-garde composer, gave Adams some lessons. Over the next decade, three music teachers pushed him to develop technique and discipline, and he became determined to pursue a career as a classical pianist. Even tough with struggles with school, his father raised him to follow the ideas of Ralph Waldo Emerson: to live a modest, moral life guided by a social responsibility to man and nature </li>
<li><span class="date">1920s</span> - At age 17, Adams joined the Sierra Club, a group dedicated to protecting the wild places of the earth, and he was hired as the summer caretaker of the Sierra Club visitor facility in Yosemite Valley, the LeConte Memorial Lodge, from 1920 to 1923.</li>
<li><span class="date">1921</span> - <a id="art-movement-info" href="https://en.wikipedia.org/wiki/Pictorialism" value="art-movement-info" target="_blank">Pictorialism</a> Phase. Adams's first photographs were published in 1921, and Best's Studio began selling his Yosemite prints the next year. His early photos already showed careful composition and sensitivity to tonal balance. In letters and cards to family, he wrote of having dared to climb to the best viewpoints and to brave the worst elements.</li>
<li><span class="date">1927</span> - <b>Monolith</b>. In 1927, Adams began working with Albert M. Bender, a San Francisco insurance magnate and arts patron. Bender helped Adams produce his first portfolio in his new style, Parmelian Prints of the High Sierras, which included his famous image <a id="art-info" href="https://en.wikipedia.org/wiki/Monolith,_the_Face_of_Half_Dome" value="art-info" target="_blank">Monolith, the Face of Half Dome</a>, which was taken with his Korona view camera, using glass plates and a dark red filter (to heighten the tonal contrasts). On that excursion, he had only one plate left, and he "visualized" the effect of the blackened sky before risking the last image. He later said, "I had been able to realize a desired image: not the way the subject appeared in reality but how it felt to me and how it must appear in the finished print." One biographer calls Monolith Adams's most significant photograph because the "extreme manipulation of tonal values" was a departure from all previous photography. Adams's concept of visualization, which he first defined in print in 1934, became a core principle in his photography. </li>
<li><span class="date">1930s</span> - <b>Pure Photography</b>. Between 1929 and 1942, Adams's work matured, and he became more established. The 1930s were a particularly experimental and productive time for him. He expanded the technical range of his works, emphasizing detailed close-ups as well as large forms, from mountains to factories. Adam met <a id="artist-info" href="https://en.wikipedia.org/wiki/Paul_Strand" value="artist-info" target="blank">Paul Strand</a>, whom proved especially influential. Adams was impressed by the simplicity and detail of Strand's negatives, which showed a style that ran counter to the soft-focus, impressionistic pictorialism still popular at the time. Strand shared secrets of his technique with Adams and convinced him to pursue photography fully.</li>
<li><span class="date">1940s</span> - Adams created A Pageant of Photography, the largest and most important photography show in the West to date, attended by millions of visitors. With his wife, Adams completed a children's book and the very successful Illustrated Guide to Yosemite Valley during 1940 and 1941. He also taught photography by giving workshops in Detroit. Adams also began his first serious stint of teaching, which included the training of military photographers, in 1941 at the Art Center School of Los Angeles, now known as the Art Center College of Design.</li>
<li><span class="date">1950s</span> - In 1952 Adams was one of the founders of the magazine Aperture, which was intended as a serious journal of photography, displaying its best practitioners and newest innovations. He was also a contributor to Arizona Highways, a photo-rich travel magazine. His article on Mission San Xavier del Bac, with text by longtime friend Nancy Newhall, was enlarged into a book published in 1954. This was the first of many collaborations with her. From 1957 until 1962, <a id="artist-info"="https://en.wikipedia.org/wiki/Geraldine_Sharpe" value="artist-info" target="_blank">Geraldine "Gerry" Sharpe</a> served as his photography assistant, and they often took photos of the same locations</li>
<li><span class="date">1960s and 70s</span> - By the 1960s, Adams had developed gout and arthritis and hoped that moving to a new home would make him feel better. He and his wife considered Santa Fe, but they both had commitments in California (Virginia was managing the Yosemite studio of her father). In the 1960s, a few mainstream art galleries that had considered photography unworthy of exhibit alongside fine paintings decided to show Adams's images, particularly the former Kenmore Gallery in Philadelphia. During the 1970s, Adams reprinted negatives from his vault, in part to satisfy the demand of art museums that had recently established departments of photography</li>
<li><span class="date">Death and Legacy</span> - Adams died from cardiovascular disease on April 22, 1984, in the intensive-care unit at the Community Hospital of the Monterey Peninsula in Monterey, California, at age 82. He was surrounded by his wife, children Michael and Anne, and five grandchildren. His body was cremated and his ashes were scattered on the Half Dome at Yosemite National Park.
Publishing rights for most of Adams's photographs are handled by the trustees of The Ansel Adams Publishing Rights Trust. An archive of Adams's work is located at the Center for Creative Photography at the University of Arizona in Tucson. Numerous works by the artist have been sold at auction, including a mural-sized print of Clearing Winter Storm, Yosemite National Park, which sold at Sotheby's New York in June 2010 for $722,500, then the highest price ever paid for an original Ansel Adams photograph. This price was surpassed by another mural-sized print of one of his photographs, The Tetons and the Snake River, sold for $988,000 at Sotheby's New York, on 14 December 2020.</li>
</ul>
<h2 id="footer" class="footer">If you are interested about the full information, check his <a id="artist-info" href="https://en.wikipedia.org/wiki/Ansel_Adams" value="artist-info" target="_blank">Wikipedia</a> entry and <a id="artist-info" href="https://www.anseladams.com/" value="artist-info" target="_blank">Official Page</a> dedicated to his work.</h2>
</main>
</body>
</html>
-CSS-
* {
box-sizing: border-box;
}
body {
margin: 5px;
font-family: Trebuchet MS;
background: #f5f6f7;
}
header {
font-size: 20px;
display: block;
text-align: center;
color: #EBE3DD;
background-color: #262120;
padding: 15px 20px 15px 20px;
border-bottom: 4px solid #fdb347;
}
.subtitle {
margin-top: -15px;
}
div {
display: block;
align-items: center;
justify-items: center;
margin: 0 auto;
}
img {
display: block;
margin:0 auto;
justify-content: center;
align-items: center;
width: auto;
max-width: 100%;
min-width: 500px;
min-height: 250px;
height: auto;
object-fit: cover;
border-radius: 10px;
}
figcaption {
text-align: center;
font-size: 12px;
}
h3 {
text-align: auto;
margin: 30px 40px;
font-size: 15px;
font-weight: 400;
}
.mention {
color: #fdb347;
}
.portrait {
display: block;
margin: 0 auto;
justify-content: center;
align-items: center;
width: auto;
max-width: 10%;
min-width: 175px;
min-height: 250px;
height: auto;
object-fit: cover;
border-radius: 10px;
}
a {
color: #D6A32D;
}
a:hover {
color:#9426B5;
cursor: pointer;
}
.tribute-title {
font-size: 20px;
text-align: center;
margin: 50 auto 0 auto;
}
li {
margin: 30px 0;
}
.date {
font-weight: 900;
}
.footer {
text-align: center;
margin-top: 50px;
}
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/109.0.0.0 Safari/537.36
Challenge: Tribute Page - Build a Tribute Page
Link to the challenge: