Build a tribute page

  • Failed:Your img element should have a display of block.

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

I’ve Just finish building my tribute page but it seems like i cant get these two questains right. Although i have done the CSS style according to the instructions. Here is my code so far. Can someone tell me what Im doing wrong and why its not accepted when i run the test


<!DOCTYPE html>

  <meta charset="utf-8">
  <link rel="stylesheet" href="style.css"> 
  <title>Bangtan Boys</title>



  <script src="script.js"></script>
  <script src="" theme="blue" defer></script>
  <main id="main">
    <div id="title">
       <span id="major">BTS</span>
        <span id="minor">Bangtan Boys</span>
    <div class="container">
    <div id="img-div">
      <img id="image"
      <img src=""
        alt="BTS rise to stardom"  width="100%"/>

      <div id= "img-caption">
        <p>The biggest momments in BTS Stardom</p>
      <div id="tribute-info">
          <li> 2013 - BTS Debuted with the music <strong>
            2 Cool for School</strong> and <strong>O!RUL 8,2?</strong> and got their first award at the South Korean Melon Music awards. 
          <li> 2015 - Was the year they got recognised on an international level with the songs <strong>I Need You</strong> and <strong>The most beautiful moment in life</strong>, which led the group to their first win at SBS MTV's 'The Show'.
          <li>2017 - Did they have their first television performance for a US audience with hit songs like<strong>DNA </strong>and <strong>Mic Drop</strong> which gave them a spot in Guinness World Record for most Twitter engagements for a music group.
          <li>2019 - Did the group made a music collaboration with pop star Halsey with the song <strong>Boy with luv</strong> which became the fastest korean boy group music video to cross 750 million views on Youtube
        <p>Read more on following
      <img src=" " alt="" class="center">


_____________________________________________________________________________ Style.CSS

width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;

.container {

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;

body {

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

please post a link to the challenge.

is the css file calles styles.css or style.css?

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