Stuck on Step 15 - Cat Photo App

HTML-CSS
1

Tell us what’s happening:
Stuck on Step 15 - In particular the portion of nesting “section” and “/section” to include everything in "main ".

Iv tried a number of different sequences in trying to nest the “main” so that it is included in the opening and closing tags, but I’m not having any luck.

Seen just about every hint from all the trial and error but I’m still confused on where “section” should start and where “/section” should end. The code below is the closest iv gotten, in at least seeing “section” turn red and highlight each other when hovered over but im still missing something. :frowning:

  **Your code so far**

<html>
<body>
  <h1>CatPhotoApp</h1>
  <main <section>
    <h2>Cat Photos</h2>
    <!-- TODO: Add link to cat photos -->
    <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
    <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
  </main</section>
</body>
</html>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Step 15

Link to the challenge:

2

put main outside the section tag

3

I know I’m probably missing something super small and its flying right over my head but, do you mean

< /main
< /section >

OR

< /main >
< /section >

My hint doesn’t change from " Your section element should have an opening tag. Opening tags have the following syntax: <elementName> . :sob:

Iv even tried

/main
< /section >

even through it makes no sense, just out of being desperate to try anything.

4

it should be </section></main>

5

Hmm, so still no change in my hint when using that sequence. The only visible change I see is that section changes from a bright red color to a dull brick red color. :cry:

After inputting what you wrote, I tried leaving my starting point as is:

< main < section > but still no pass.

Iv tried

< section >
< main >

and

< section < main >

to match each other but I’m still messing something up somewhere. :confounded:

6

you should post your full formatted code here so i can have glance at it

7

Screenshot 2022-06-03 064846
Screenshot 2022-06-03 064846721×871 39.9 KB

8

For the first section so far Iv tried these 4 sequences

< main < section >

< section < main >

< section >< main >

< section >
< main >

1 Like
9

you have extra dot between anchor and paragraph closing tags

10

Alrighty, I removed that dot, Finally got it with “< main >< section >”! :smiley_cat:

Thank you sooooo much for your patience, I had been trying to figure this out for a good while before I almost gave up bc I was too scared to ask for help. It really means the world! <3

11

:smile: it makes me happy if someone passes a test with my help. congrats!

13

do this.

... That's all.
14
...
15

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.