---
id: 6140827cff96e906bd38fc2b
title: Schritt 9
challengeType: 0
dashedName: step-9
---
# --description--
As described in the freeCodeCamp Style Guide, the logo should retain an aspect ratio of `35 / 4`, and have padding around the text.
Ändere zuerst die `background-color` zu `#0a0a23`, damit du das Logo sehen kannst. Verwende anschließend die `aspect-ratio`-Eigenschaft, um das gewünschte Seitenverhältnis auf `35 / 4` einzustellen. Finally, add a `padding` of `0.4rem` all around.
# --hints--
Du solltest `#logo` eine `background-color` von `#0a0a23` zuweisen.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('#logo')?.backgroundColor, 'rgb(10, 10, 35)');
```
Du solltest die Eigenschaft `aspect-ratio` verwenden.
```js
assert.notEmpty(new __helpers.CSSHelp(document).getStyle('#logo')?.aspectRatio);
```
Du solltest die Eigenschaft `height` nicht verwenden.
```js
assert.isEmpty(new __helpers.CSSHelp(document).getStyle('#logo')?.height);
```
Du solltest die Eigenschaft `width` nicht ändern.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('#logo')?.width, 'max(100px, 18vw)');
```
Du solltest dem `img` ein `aspect-ratio` von `35 / 4` zuweisen.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('#logo')?.aspectRatio, '35 / 4');
```
Du solltest dem `img` ein `padding` von `0.4rem` zuweisen.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('#logo')?.padding, '0.4rem');
```
# --seed--
## --seed-contents--
```html
Accessibility Quiz
