Tribute page 1 need help

I cannot do this requirement: - The img element should responsively resize, relative to the width of its parent element, without exceeding its original size.

All tried every possibility I know, but somehow the couldn’t go through test:
https://codepen.io/diyarcodes/pen/RwGerNY

There is a lot of hard-coding in your css. Try and open your project on a mobile. For starters I would suggest, you remove all the margins and probably use something like:

body{
margin: 2px;
}

Have you tried:

width: 100%;

on the img element?

  • Keep the test script when forking the pen (<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>)
    • The test script should be included, with all tests passing, when you submit your projects.
  • 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.)
    • This test may fail more than once. If it does be sure to read the entire failing message as it will be different. Meaning there’s something additional you’ll have to add.