---
id: 6140827cff96e906bd38fc2b
title: Step 9
challengeType: 0
dashedName: step-9
---
# --description--
Come descritto nella freeCodeCamp Style Guide, il logo dovrebbe mantenere un rapporto d'aspetto di `35 / 4` e avere del padding intorno al testo.
Innanzitutto, imposta la proprietà `background-color` a `#0a0a23` in modo da poter vedere il logo. Poi, usa la proprietà `aspect-ratio` per impostare il rapporto d'aspetto desiderato a `35 / 4`. Infine, aggiungi un `padding` di `0.4rem`.
# --hints--
Dovresti assegnare al selettore `#logo` una proprietà `background-color` con il valore `#0a0a23`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('#logo')?.backgroundColor, 'rgb(10, 10, 35)');
```
Dovresti usare la proprietà `aspect-ratio`.
```js
assert.notEmpty(new __helpers.CSSHelp(document).getStyle('#logo')?.aspectRatio);
```
Non dovresti usare la proprietà `height`.
```js
assert.isEmpty(new __helpers.CSSHelp(document).getStyle('#logo')?.height);
```
Non dovresti cambiare la proprietà `width`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('#logo')?.width, 'max(100px, 18vw)');
```
Dovresti dare all'elemento `img` un `aspect-ratio` con il valore `35 / 4`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('#logo')?.aspectRatio, '35 / 4');
```
Dovresti dare all'elemento `img` un `padding` di `0.4rem`.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('#logo')?.padding, '0.4rem');
```
# --seed--
## --seed-contents--
```html
Accessibility Quiz
