Let’s learn HTML by building a cat photo app! [Week1]

I’m stuck at step 55! I feel like I’ve tried every possible way! Can somebody help me please :relaxed:

did you solved it? if you still have doubt you can refer this mdn for label

or you can replay me I can help you.

2 Likes

Thank you so much! That’s been a huge help! Finally Gott passed it :smile:

2 Likes

hi everyone, I am doing the learn HTML by building a cat photo app. Ima struck on step 12. I try following the hint, but I am still stuck. Can anyone help me? [my work] (https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-by-building-a-cat-photo-app/step-12)

1 Like

Make sure you have a space between the input and label elements. I got stuck on that one as well for that very reason.

2 Likes

I have tried that too and it still did work. thank you though

1 Like

please I don’t quite understand the short notes on the step 48…I’ve completed it though :sweat_smile:

1 Like

Stuck in step 14. I need help please

Without a Value attribute, the result from our radio buttons will just be a generic “on” rather than a named result. So we add the attribute Value so that we get something meaningful when someone uses our form. We set value=“indoor” for one button and value=“outdoor” for the other button. So now if someone chooses one we get a result telling us “indoor” or “outdoor”.

I hope that helps a bit?

1 Like

Step 14 is asking you to surround your img tag with the a /a tags in order to make the image into a link. You’ll see this combo a lot. So you will get something like a href=“http:whatever” then img src=“http:/picture.whatever.” then /a

It’s a good step for showing how the open tag before, and the closing tag after can wrap around an element and effect it. Bookending the image to turn it into a link in this case.

2 Likes

Hi Aileen,

you just have to add the action attribute and give the value as the URL provided. Something like this inside the form tag…
action=“Thank You message for Cat Photo App form submission| freeCodeCamp.org

Hopefully this will help

1 Like

Yes it does, thanks a lot Shawn

I’m late to the party, but I’m stuck on step 14 (no coding background whatsoever). No matter how many ways I try, I still get anchor errors. I am at a complete loss, despite the responses above. Thanks for any help/guidance.

I’ve tried the suggested modifications, but I end up with errors every single time…either I don’t have enough anchor elements, or I have too many! Ugh!

Again, for perspective: I have zero coding experience; this is completely day #1. I can’t even find lectures/presentations on this. I’m floundering here. :frowning:

Hi Mary,
I’ll try and reword the question and see if that gets you unstuck. If it doesn’t I can post a screenshot of how I approached the answer. Just let me know :slight_smile:

To turn an image into a link you “wrap” it in anchor tags. Image is a standalone tag and anchor has an open and close tag. So they are asking you to go anchor then image then anchor closing.

So in row 8 of your screenshot I see an image tag, but not anchor tag. I would expect to see something like
<a href="blahblah"><img src="yadayada" alt="a cute orange cat etc"></a>

4 Likes

Thank you!!! This worked, and I appreciate your help. I have no doubt that I’ll be back for more assistance! :slight_smile:

2 Likes

I’m running a week behind here, and I’m stuck on step 42 of the cat app…

Just like the Input element can have type=“whatever” so can the button element. So add a “submit” type attribute into that opening button element.

It’s worth mentioning that all the steps are case sensitive. So if you have submit between your two button elements rather than Submit, that can trip things up.

1 Like