Help with the tribute page, please

Hello guys,
I am almost done with the responsive web design project: Build a tribute page.
I am only having trouble with the user story#8 which says: the link element should responsively resize, relative to the width of its parent element, without exceeding its original size.
Whats does it mean exactly?

Here is my CSS code:


body{

text-align:center;

background-color:rgb(159,194,170);
  
font-family: Sans-serif;

font-size:12pt;

}

h1{

font-family: Sans-serif;

font-size:40pt;

}

h3{

font-size:extralarge;

color:black;

}

#image{

height: auto;

max-width: 650px;

margin-left: auto;

margin-right: auto;

display: block;

}

#tribute-link{

font-family:AndaleMono;

}

#img-div{

background-color:(60,179,113);

}

#img-caption{

font: italic bold 10pt/10pt Times, serif;

}

Thank you so much guys, I would really appreciate any help on this.

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.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

Welcome, Paty.

I have moved your post over to a more suitable sub-forum. Also, it would be a lot easier to help you if you posted a link to a CodePen or GitHub pages site with your code hosted on it.