Need help for my first tribute page

Need help for my first tribute page
0

#1

Hi guys,I started doing freecodecamp weeks ago and I love it.I am new to coding and I am currently working on first FCC project,I’ve almost finished it ,but I can’t pass because it says the element should responsively resize, relative to the width of its parent element, without exceeding its original size.
I have been trying everything but still can’t figure it out.Can you have a look at my page please?
I just started coding not long ago so the code is not clean and good at all .Hope you guys don’t mind.:blush:

codepen


#2

In your code you have this:

      <div id="image">
        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f1/Dwayne_Johnson_2%2C_2013.jpg/220px-Dwayne_Johnson_2%2C_2013.jpg"> 
      </div>

But the instructions say:

User Story #4: Within the img-div element, I should see an img element with a corresponding id=“image”.

It says that the img should have the id “image”. You don’t need that wrapping div. When I remove that div and put the id on the img, your page passes.


#3

It worked!Thank you very much!I will read the instructions more carefully!:smiley:


#4

It’s easy to miss little things like that. Part of learning to be a coder is learning to think very analytically on a very minute level like that. It will come with time.


#5

Yes,it’s absolutely right.When I started the challenges, it’s easier than I thought,But it’s getting a lot harder when you need to think and code on your own at the same time.It is good to come across these mistakes though,then I can find my own way to code through these.Sometimes making notes while coding is good too.