Hi everyone. How do you pass the image responsiveness test? This is the link to my code pen: https://codepen.io/kirubiel/pen/qKwOvV
“AssertionError: Try using the “max-width” style property : expected ‘none’ to not equal ‘none’”
The unit test expects you to use max-width css property on your image tag.
I did tho
Ohh is it on the tag? Hold on
No doesn’t work
On your img tag add a class called img-responsive.
You can read more about it here: https://www.w3schools.com/bootstrap/bootstrap_ref_css_images.asp
It should help.
As I see your image is responsive now… and always use percentage for images in pure css if you want responsive images
Thank you so much @KoniKodes. My tribute page passes all tests now. But I can’t understand why my code doesn’t. I usually avoid frameworks so I can widen my understanding of the language.
It’s been responsive from the beginning. I don’t often use fixed values for much of anything. Except text.
I’m glad it’s working for you now.
Bootstrap is actually a great tool once you have CSS understood. It brings together the most frequently used rules so that we can focus on everything else.
Yeah I’ll probably need it when I do full-stack work. Thanks for the help again.