--- id: 5dfb655eeacea3f48c6300b3 title: Step 22 challengeType: 0 dashedName: step-22 --- # --description-- The `figure` element represents self-contained content and will allow you to associate an image with a caption. Nest the image you just added within a `figure` element. # --hints-- Your `figure` element should have an opening tag. Opening tags have the following syntax: ``. ```js assert(document.querySelector('figure')); ``` Your `figure` element should have a closing tag. Closing tags have a `/` just after the `<` character. ```js assert(code.match(/<\/figure\>/)); ``` There should be an `figure` element right above the second `section` element's closing tag. ```js assert($('section')[1].lastElementChild.nodeName === 'FIGURE'); ``` The lasagna `img` element should be nested in the `figure` element. ```js assert( document.querySelector('figure > img') && document.querySelector('figure > img').getAttribute('src').toLowerCase() === 'https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg' ); ``` # --seed-- ## --seed-contents-- ```html

CatPhotoApp

Cat Photos

Click here to view more cat photos.

A cute orange cat lying on its back.

Cat Lists

Things cats love:

  • cat nip
  • laser pointers
  • lasagna
--fcc-editable-region-- A slice of lasagna on a plate. --fcc-editable-region--
```