---
id: 61539e07e7430b528fbffe21
title: Step 16
challengeType: 0
dashedName: step-16
---
# --description--
Give your `#gallery` selector a `padding` property set to `0 4px`.
# --hints--
Your `#gallery` selector should have a `padding` property set to `0 4px`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('#gallery')?.paddingTop, '0px');
assert.equal(new __helpers.CSSHelp(document).getStyle('#gallery')?.paddingBottom, '0px');
assert.equal(new __helpers.CSSHelp(document).getStyle('#gallery')?.paddingLeft, '4px');
assert.equal(new __helpers.CSSHelp(document).getStyle('#gallery')?.paddingRight, '4px');
```
# --seed--
## --seed-contents--
```html
Photo Gallery
```
```css
* {
box-sizing: border-box;
}
body {
margin: 0;
font-family: Arial;
background: #EBE7E7;
}
.header {
text-align: center;
padding: 32px;
background: #E0DDDD;
}
--fcc-editable-region--
#gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
--fcc-editable-region--
#gallery img {
width: 25%;
height: 300px;
}
```
