Tribute Page - Build a Tribute Page

I have problem with following three items, I tried many times, not sucessful, anyone please can you help?Thanks.

  • Failed:Your img element should have a display of block.
  • Failed:Your #image should have a max-width of 100%.
  • Failed:Your #image should be centered within its parent.

Your code so far

<!-- file: index.html -->
<html lang="en">
    <meta charset="UTF-8"/>
    <meta name="viewpoint" content="width=device-width initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
  <title >RUOLI</title>
 <main id="main">
<h1 id="title">Flower</h1>
<figure id="img-div">
  <img src="" alt="sss"id="image">
max-width: 100%;
display: block;
height: auto;
position: relative;>
  <figcaption id="img-caption">Oh la la</figcaption>
  <p id="tribute-info" >ruojat the<a id="tribute-link" href="ruoli,jpg" target="_blank">RUOLI</a></p>

/* file: styles.css */

Your browser information:

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

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

Type what is asked in CSS editor not in html editor.

Thankyou, but what I do is in CSS editor:
max-width: 100%;
display: block;
height: auto;

Your code so far shows your css code between the ‘img’ element and ‘figcaption’ element.

where should I put theN?i CHECK they’re in the very behind, I changed, still doens’t work…

You have an closing ‘div’ after closing ‘html’ at the end of your code.

already deleted the div, still not work,still not understand what to do

href=“ruoli,jpg” should be href=“ruoli.jpg”. src=“” is not valid URL for an image.

still can’t get it, can you tell mewhere I should put the CSS#image,bro?Thank you so much

Put all your css in the styles.css

Can you post here separately your html code and css code?



sss Oh la la

ruojat theRUOLI

can’t post, don’t know why…

can you please be more specific,I checked the video, but I don’t know where is the problem

already fixed, thanks,bro