codedamn

Tribute page

Asked by Chinedu Wali about 2 years ago

0

https://codedamn.com/learn/html-css/html-css-practice-projects/build-a-tribute-page.2CVph0k4qYneqLojmj75V please i need assistance with questions 8 and 9. i cant understand the question

1 Answer

    0

    Did you check the verified solution? Adding it here:

    index.html

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>


<body>
    <div id="main">
        <h1 id="title"> Vegeta - the true underdog </h1>

        <div id="img-div">
            <div class="image-wrapper">
                <img id="image" src="https://i.imgur.com/qj82LYy.jpeg" alt="Picture of Vegeta">
            </div>
            
            <figcaption id="img-caption">
        Vegeta is a symbol, that in hard times, you can become stronger and make something out  of yourself. It will be humiliating and shitty at first, but eventually, you will be a power to to be reckoned with.
            </figcaption>
        </div> 
 
        <p id="tribute-info"> <b>Vegeta Attributes:</b>
            <ul>
                <li> Resilience </li>
                <li> Fearlessness </li>
                <li> Persistence </li>
            </ul>
        </p>
        <a id="tribute-link" target="_blank" href="https://youtu.be/rcp3tZ3XFyQ"></a>
    </div>
</body>
</html>

    style.css

    #img-caption {
  width: 400px;
}
#image-div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
#image {
  height: auto;
  display: block;
  max-width: 100%;
  margin: auto auto;
  
}

body {
  margin-left: 7vw;
  background-color: black;
  color: white;
  font-family: calibri;
}
    @codedamn

    Codedamn

    @codedamn

Your answer