Cat photo app step 15 help

I think free learning is a great idea. However, this step 15 is garbage. Nobody should be guessing what to do when learning something. This should be an explained step by step thing.
“Use Necessary Elements”? No. There should be exact examples.

2 Likes

I don’t think this step involves any guessing. The step is asking you to turn an image into a link. You have already spent several of the previous steps creating links using the anchor element. The only difference here is that instead of turning a group of words into a link you are turning an image into a link. But it is the exact same concept, wrap the image in an anchor element (i.e. surround it with a tags).


it does not work

That’s because your opening a tag is not correct. Look at the opening a tag you are using for the “cat photos” link in the p element as example of what it should look like.

1 Like

it’s literally the same thing “<a”. this is supposed to be a learning course not guessing game. nowhere does it tell you any secret placements of things. how’s anyone supposed to learn this stuff when the instructions are less than vague?

1 Like

says surround it with the “a’s” basically. that’s it. that’s what i did and it doesn’t work. unreal.

Did you look at the opening a tag for the “cat photos” link you already created? That will show you how to create a proper opening a tag with an href attribute. You have just put <a before the image and that is not only not correct but it is not valid HTML.

The previous steps have shown you how to create a proper link. You need to use the information you have already learned to turn the image into a link.

<a href=https://freecatphotoapp.comA cute orange cat lying on its back.

To display your code in here you need to wrap it in triple back ticks. On a line by itself type three back ticks. Then on the first line below the three back ticks paste in your code. Then below your code on a new line type three more back ticks. The back tick on my keyboard is in the upper left just above the Tab key and below the Esc key. You may also be able to use Ctrl+e to automatically give you the triple back ticks while you are typing in the this editor and the cursor is on a line by itself. Alternatively, with the cursor on a line by itself, you can use the </> button above the editor to add the triple back ticks.

i been on step 15 for almost 2 hours. there’s no guidance within the course at all. shouldn’t have to come here to waste peoples time when it would take 5 to 10 mins for someone to add the steps and examples in the course. im done. 0/10 rating.

4 Likes

hi there,

Different people have different learning styles. Perhaps this type of project based learning is not to your liking, but there are others available if you prefer to read or watch for eg. (freecodecamp has videos that teach HTML and articles as well).
Let me know if you would like help finding these.
All the best on your learning journey either way.

2 Likes

got through 15. onto 16. literally no education on the page that teaches you what a “section element” is or how to make one. says take h2, p, a and nest them.
Several things missing such as a description on what nesting is and basically how to do any of it. the Beginning of the course was alright. now it’s just expecting you to be an expert immediately.

Mod Edit: SOLUTION REMOVED

3 Likes

Nesting is in step 5 I believe of the cat photo app project.

Elements are described from the very start as the things you write inside the < > like body , h1 etc

They are created exactly the same each time so that is why the explanation is not repeated.

Edit: correction step5+6 together comprise the nesting lesson

1 Like

omggg thank u soo much…i was on step 15 for so long I almost gave up.
I cam back after 2 weeks…just to try and figure it out.
thank uu!! :heart_hands:

How did you do it please help

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Ask for Help button located on the challenge (it looks like a question mark). This button only appears if you have tried to submit an answer at least three times.

The Ask for Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

Here is the correct answer, you need to

Mod edit: removed

Please do not try to give the solutions for the challenges

Thanks