Tribute Page - Build a Tribute Page

HTML-CSS
1

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





/* 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/106.0.0.0 Safari/537.36

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

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

3

Thankyou, but what I do is in CSS editor:
#image{
max-width: 100%;
display: block;
height: auto;
position:relative;}

4

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

5

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

6

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

7

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

8

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

9

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

10

Put all your css in the styles.css

11

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

14
RUOLI

Flower

sss Oh la la

ruojat theRUOLI

15

can’t post, don’t know why…

16

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

17

already fixed, thanks,bro

18

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