Tribute Challenge # 8

HTML-CSS
#1

Tell us what’s happening:

Having an issue responsively resizing my img element in the Tribute Page challenge.
This is what I have so far:

img {
max-width:100%;
height: auto;
align-self:center;

}

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_1_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36.

Challenge: Build a Tribute Page

Link to the challenge:

#2

@gsnyder1090 Welcome! I am not sure the align-self is needed. What is the exact error you are getting? You can center elements by specifying flexbox on the parent container. align-self is used when you need one of the child elements positioned differently than the other children of the parent.

#3

When a test fails click the red button to see which test(s) are failing and text to help you correct the issue. (Be sure and read more than just the first line of the failing message.)

It is better to see your entire pen rather than just a few lines of your styling.

#4