Responsive Web Design Projects - Build a Tribute Page

HTML-CSS
1 
  **Your code so far**

/* file: index.html */
<style>
body {
  background-color: black;
  color: white;
  font-family: calibri;
  }
  #image{
    display:block;
    max-width:100%;
    height:auto;
    margin: 0 auto;
    
  }


</style>


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

<div id="img-div">
 
 <a id="tribute-link" target="_blank" href="https://youtu.be/rcp3tZ3XFyQ"> 
 <img id="image" src="https://i.imgur.com/qj82LYy.jpeg" alt="Picture of Vegeta" width="20%" height="20%">
 </a>

 <br>
 
 <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>

</main>






































</main>

/* file: styles.css */


  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Challenge: Responsive Web Design Projects - Build a Tribute Page

Link to the challenge:

2

Hey there,
What’s your issue? I saw that your code passes the tests.

3

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