--- id: 6153a04847abee57a3a406ac title: Step 18 challengeType: 0 dashedName: step-18 --- # --description-- Your images need some space between them. Give your `#gallery img` selector a `margin-top` property of `8px` and a `padding` property of `0 4px`. # --hints-- Your `#gallery img` selector should have a `margin-top` property of `8px`. ```js assert(new __helpers.CSSHelp(document).getStyle('#gallery img')?.marginTop === '8px'); ``` Your `#gallery img` selector should have a `padding` property of `0 4px`. ```js assert(new __helpers.CSSHelp(document).getStyle('#gallery img')?.padding === '0px 4px'); ``` # --seed-- ## --seed-contents-- ```html Photo Gallery

CSS FLEXBOX PHOTO GALLERY

``` ```css * { box-sizing: border-box; } body { margin: 0; font-family: Arial; background: #EBE7E7; } .header { text-align: center; padding: 32px; background: #E0DDDD; } #gallery { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; padding: 0 4px; } --fcc-editable-region-- #gallery img { width: 25%; height: 300px; object-fit: cover; } --fcc-editable-region-- ```