--- id: 6153938dce8b294ff8f5a4e9 title: Step 14 challengeType: 0 dashedName: step-14 --- # --description-- La proprietà `justify-content` determina come sono posizionati gli oggetti all'interno di un contenitore flex lungo l'asse principale, influenzando la loro posizione e lo spazio intorno a loro. Assegna al selettore `#gallery` una proprietà `justify-content` con il valore `center`. # --hints-- Il selettore `#gallery` dovrebbe avere una proprietà `justify-content` con il valore `center`. ```js assert(new __helpers.CSSHelp(document).getStyle('#gallery')?.justifyContent === 'center'); ``` # --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; } --fcc-editable-region-- #gallery { display: flex; flex-direction: row; flex-wrap: wrap; } --fcc-editable-region-- #gallery img { width: 25%; height: 300px; } ```