Help me with Tribute page User Story#8 please~

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

can’t pass the tribute page User Story#8
Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta chartset="utf-8"/>
    <title>CodePen - FCC: Tribute Page</title>
  </head>
  <!-- User Story #8  make img element  responsively resize, relative to the width of its parent element, without exceeding its original size.  -->
  <!--User Story #9: The img element should be centered within its parent element. Done-->
  <style>
    div{ text-align:center;}
    img{
    width:auto;
      height:auto;
      max-width:100%;
      max-height:100%;
    }
    </style>
  <body id="main"><!--User Story #1 Done -->
    <h1 id="title"><strong>Paula Modersohn-Becker</strong></h1><!--User Story #2  Done-->
    <div id="img-div"><!--User Story #3 Done-->
    <img  id="image" herf="https://uploads1.wikiart.org/images/paula-modersohn-becker/head-of-a-little-girl-elsbeth-1902.jpg!Large.jpg"/> <!--User Story #4 Done--> 
      <p  id="img-caption">Artwork choronology of Paula Modersohn-Becker</p>
      <!--User Story#5 Done-->
  <h3 id="tribute-info">Artwork choronology of Paula Modersohn-Becker</h3>
      <!--User Story#6 Done-->
      <a id="tribute-link" href="https://www.wikiart.org/en/paula-modersohn-becker/all-works#!#filterName:all-paintings-chronologically,resultType:masonry" target="_blank">Wikiart page of Paula Modersohn-Becker </a>
      <!--User Story#7 Done-->
      
    </div>
  </body>
</html>

Your browser information:

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

Challenge: Build a Tribute Page

Link to the challenge:

2

I’ve edited your post 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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

1 Like
3

thank you so much ~I’ve learned to solve my issue

4

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