---
id: 5f3477cbcb6ba47918c1da92
title: Step 18
challengeType: 0
dashedName: step-18
---
# --description--
Per far sì che lo stile della pagina sia simile su uno smatphone, su un desktop o un laptop, devi aggiungere un elemento `meta` con un attributo speciale `content`.
Aggiungi il seguente codice all'interno dell'elemento `head`:
```html
```
# --hints--
Il codice dovrebbe avere due elementi `meta`.
```js
assert(code.match(//g).length === 2);
```
L'elemento `meta` dovrebbe avere un attributo `name` con il valore `viewport`.
```js
const meta = $('meta');
assert(meta[0].outerHTML.match(/name=('|")viewport\1/) || meta[1].outerHTML.match(/name=('|")viewport\1/));
```
L'elemento `meta` dovrebbe avere un attributo `content` con il valore `width=device-width, initial-scale=1.0`.
```js
const meta = $('meta');
assert(meta[0].outerHTML.match(/content=('|")width=device-width, initial-scale=1.0\1/) || meta[1].outerHTML.match(/content=('|")width=device-width, initial-scale=1.0\1/));
```
# --seed--
## --seed-contents--
```html
--fcc-editable-region--
Cafe Menu
--fcc-editable-region--