Build a Tribute Page image attributes issue

HTML-CSS
1

I’m struggling with two items in the ‘build a tribute page’ challenge -

Your img element should have a display of block
Your img element should have a display of block

I thought these were listed correctly, but I’m still getting an error. My code is below -

<head>

  <link rel="stylesheet" href="styles.css">

</head>

<main id="main">

  <h1 id="title" text-align="center">SIDEARM Sports</h1>

  <p align="center">The industry leader of college athletic websites and mobile apps!</p>

  <figure id="img-div" align="center" display="block">

    <img id="image" height="auto" src="https://sidearmsports.com/images/logo" alt="SIDEARM Sports logo" max-width="100%"></img> 

    <figcaption id="img-caption" text-align="center">

      <p>The SIDEARM Sports logo stands as the basic pillar of the company</p>

    </figcaption>  

  </figure>

  <section id="tribute-info">

    <ul>

      <li>2000 - Jeff Rubin created ICS - Internet Consulting Services</li>

      <li>2005 - ICS becomes SIDEARM Sports</li>

      <li>2015 Learfield acquires SIDEARM Sports</li>

      <li> 2018 - SIDEARM Sports acquires CBS Athletic Websites</li>

      <li>2019 - SIDEARM Sports acquires NeuLion</li>

  </section>

    <h3><a id="tribute-link" href="https://sidearmsports.com/faqs" target="_blank">Click here to access SIDEARM Sports FAQs.</a></h3>

</main>

<footer>

</footer>
2

hihi! From the looks of it, you have display:block in your figure, not your image, which might be causing the issue! Also, have you tried doing that in the css file?

1 Like
3

Thank you! I didn’t realize I could even add to the CSS itself.

I appreciate your help!

4

If you haven’t checked out the new curriculum you should totally do so.

Just an FYI, if you do want to add inline styles directly on an element, then they go inside the style attribute.

<h2 style="color: red; font-size: 3rem">Large and red</h2>

But for the most, you should avoid using inline styles. They have much too high specificity to play nice with other styles. Or at least they should be used with that knowledge in mind.

1 Like
5

Wrong thread, my bad.

6

@bellhuffstutler please i need help on how you styled your h1 element because i think i added the right code but it won’t centralize my h1 element

7

This topic is closed, you should open a new topic with your code so we can help you there

8

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