What am I doing wrong? Tribute Challenge HTML CSS

#1

Here’s a link to my page. I am continually getting the following error message:

“1. The element should responsively resize, relative to the width of its parent element, without exceeding its original size.” It looks centered and correct on my screen and I’m not sure where I’m going wrong.

I’m sure it’s something stupid that I’ve overlooked, but I just can’t figure out how to stop this error message. Thanks!

#2

Your codepen page has nothing in it. It’s just an empty page, I think you sent the wrong link.

#3

I haven’t signed up for Fork Me! - I just jumped right into the project. Copy/pasting the url isn’t working. It does just link to a blank page. Do I have to sign up?

#4

I signed in. It wouldn’t hurt to, cause it’s free.

1 Like
#5

Signup on CodePen, then use fork me to save in your projects on CodePen, after that when you write or edit code will save in your profile.

2 Likes
#6

I’m headed out the door to dinner. I will sign up as soon as I get back. Thanks guys!

1 Like
#7

I signed up and signed in and the copy/past of the url still is rendering a blank page. Any ideas?

#8

Here are copy/paste of my HTML and CSS code in the meantime

HTML

<img id="image" src="https://www.history.com/.image/c_fit%2Ccs_srgb%2Cfl_progressive%2Cq_auto:good%2Cw_620/MTY3ODE3MzQ5NzY2OTgwODgx/geronimo-gettyimages-640482423.jpg" alt=""
Geronimo in full Apache dress

CSS
#img-div {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%
}

#image {
border-radius: 75%;
max-width: 100%;
width: 20%;
height: auto;
border: 8px solid #990000;
}

#img-caption {
font-size: 12px;
text-align: center;
font-style: italic;
font-weight: bold;
top-margin: 5px;
}

#9