Tribute Page - Build a Tribute Page

Tell us what’s happening:

hello, I am so close to being done. I am trying to get these parts done:

  • Your #tribute-link should have a target attribute set to _blank.

  • Your img element should have a display of block.

  • Your #image should have a max-width of 100%.

  • Your #image should have a height of auto.

  • Your #image should be centered within its parent.

I have went back over my code for an hour now and cant seemt o figure out where i messed up. Any adivice would be great

I dont know how to show my code...once sec, copy and paste duh lol...



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Off-Roading</title>
    <link  target:"_blank" rel="stylesheet" href="./style.css">
</head>
<body>
   <main id="main">
    <h1 id="title">Off-Roading</h1>
    <h3>
        A brief history of Off-Roading. From Sand to Mud, off roading has something 
        for everyone.
    </h3>
    <div class="img-container" id="img-div">
        <img id="image" 
            src="https://th.bing.com/th/id/OIP.a2y44S8w90StDg9CKzT4kQHaF6?pid=ImgDet&rs=1" 
            alt="rock crawler" 
            srcset="rock crawler-image"
            display="block"/>
    <div class="caption" id="img-caption">
        It all started in the 1920's with the Kegresse tracks and has transformed 
        into sky high diesel monsters! Todays off road vehicles are far from ordinary little Willy's MA.
    </div>
    </div>
    <div class="life">
       <p class="life-header bold"> A TIME LINE OF Off-ROADING.</p>
       <div>

       </div>
            <ul id="tribute-info">
                <li>
                    <span class="bold">--1917-1920--</span>  The first off-road vehicles used the Kégresse track,
                     which is a rubber or canvas continuous track invented by Adolphe Kégresse. Kégresse designed the track while he worked for
                      Tsar Nicholas II of Russia. The Kégresse track made it easier for vehicles to overcome the Russian landscape, 
                      so Russian royalty applied the track to several of their vehicles, including Rolls-Royce cars.
                       The Russian army also used the tracks on many of their armored cars.</li>

                <li>
                    <span class="bold">--1921-1937--</span>  After the violent Russian revolution, 
                    Kégresse returned to his native country of France and placed his tracks
                     on Citroën off-road and military automobiles between 1921 and 1937.
                      Citroën used these modified off-roading vehicles during expeditions through
                       undeveloped regions of Asia, America, and Africa. These ventures showed 
                       off the impressive capabilities of vehicles outfitted with Kégresse tracks.</li>

                <li>
                    <span class="bold">--1940-1950--</span>  In the early 1940s, the Army produced the armored M2 half-track car, 
                    which the Army used in the Philippines, North Africa, and Europe during the war. 
                    The Army later produced the M3 half-track, an armored personnel carrier the US 
                    would use during WWII and the Cold War. At the start of the US involvement in WWII, 
                    the Army contacted over a hundred companies to produce a prototype of a four-wheel drive 
                    reconnaissance car. Two companies responded: the American Bantam Car Company 
                    and Willys-Overland. The Army gave them a 49-day deadline for completing their cars.</li>

                <li>
                    <span class="bold">--1960--</span>  In the 1960s, Ford debuted the Bronco,
                     a sports utility vehicle built for middle-class families who enjoyed the outdoors. 
                     Soon thereafter, more off-road family vehicles hit the market, 
                     growing the share of off-road vehicles owned by private citizens.</li>

                <li>
                    <span class="bold">--1970-1980--</span>  The lifted truck craze didn’t take off until the 1970s. 
                    Even as major car manufacturers started selling off-road vehicles to the public, 
                    off-road truck enthusiasts were taking matters into their own hands. As this new off-road culture continued to spread, 
                    more enthusiasts started taking part in these events. One thing led to another, 
                    lifts kept getting larger and larger, and the first monster truck was born in the 1970s.</li>

                <li>
                    <span class="bold">--1990-2022--</span>  As more drivers started experimenting with lifted trucks, 
                    more automotive companies started offering these accessories.
                     The monster truck had become a household name by the 1990s During the 1990s and 2000s, 
                     the internet was still in its infancy, which meant that many of these enthusiasts would need to meet
                     in person to discuss the tricks of their trade. Monster and off-road truck events started growing in popularity, 
                     including races and rock-climbing competitions. Some enthusiasts started using computer-aided design programs to 
                     develop custom parts for their vehicles, giving them the edge in these events.</li>
            </ul>
            <div class="quote-containter">
                <p class="quote">
                    "It is a rough road that leads to the heights of GREATNESS"
                </p>
                <p class="quote-author">~Lucius Annaeus Seneca~</p>
            </div>
    </div>
    <h3>
      If you have free time you should read up on this very enjoyable recreational ativity.
      <a id="tribute-link" href="https://amoffroad.com/blogs/guides/the-history-of-off-roading-how-it-came-to-be" display:"blank">The history of off roading and how it came to be</a>
    </h3>
   </main> 
</body>
</html>

This code in the anchor element should be a target attribute not a display attribute (also use equal sign not colon)

Also here the target attribute should be removed completely as it has no meaning in the link element

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.