Tribute Page - Build a Tribute Page

HTML-CSS
1

I have done everything I can think of, I keep getting errors for my display not being set to block, my max width not being 100%, and my picture not being centered. I have no idea what is wrong.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <meta rel="stylessheet" href="styles.css">
<main id="main">
  <h1 id="title">Zach Folmar</h1>
  <div id="img-div">
        <img id="image" src="https://cdn.freecodecamp.org/testable-projects-fcc/images/tribute-page-main-image.jpg">
    <figcaption id="img-caption">Caption</figcaption>
    <p id="tribute-info">Info</p>
    <a href="" id="tribute-link" target="_blank"></a>
    </div>
</main>
</html>

/* file: styles.css */
img {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

Try linking your stylesheet by adding a link element.

3

hello and welcome to fcc forum :slight_smile:

css file is not “added” to html file (as hbar1st already mentioned here), which you have to do so from “head” section, do that first and then try again, happy learning :slight_smile:

4

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