Responsive projects 1

Responsive projects 1
0.0 0

#1

Tell us what’s happening:

Isn’t my image responsive??

Your code so far

Your browser information:

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

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-tribute-page


#2

if you add position: relative; does it fix it?


#3

Hi @prashantverma22 did you figure this out? The image seems good to me and the project looks great too.


#4

Nope, the bug isn’t fixed…


#5

I can make my image responsive by adding a class “img-respponsive” but it’s given in the project’s user stories that the image must have an id. So, what should i do now to make it responsive??


#6

If you look at the error message you are seeing when running the tests, it says:
#Layout
1. The element should responsively resize, relative to the width of its parent element, without exceeding its original size. AssertionError: Try using the “max-width” style property : expected ‘none’ to not equal 'none’

It tells you exactly how to fix the error.

Also, you should understand that you need to create your own tribute page and not just a copy of the sample which was provided.