freeCodeCamp/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-flexbox-by-buildi.../61537bb9b1a29430ac15ad38.md

63 lines
1.2 KiB
Markdown
Raw Normal View History

---
id: 61537bb9b1a29430ac15ad38
title: Step 3
challengeType: 0
dashedName: step-3
---
# --description--
All'interno dell'elemento `head`, aggiungi un elemento `title` con il testo `Photo Gallery` e un elemento `link` per collegare il file `styles.css` alla pagina.
# --hints--
L'elemento `link` dovrebbe avere un attributo `href` con il valore `styles.css`.
```js
assert.match(code, /<link[\s\S]*?href=('|"|`)(\.\/)?styles\.css\1/)
```
Il codice dovrebbe avere un elemento `title`.
```js
const title = document.querySelector('title');
assert.exists(title);
```
Il progetto dovrebbe avere un titolo `Photo Gallery`.
```js
const title = document.querySelector('title');
assert.equal(title?.text?.trim()?.toLowerCase(), 'photo gallery')
```
Fai attenzione all'uso delle maiuscole/minuscole e all'ortografia nel titolo.
```js
const title = document.querySelector('title');
assert.equal(title?.text?.trim(), 'Photo Gallery');
```
# --seed--
## --seed-contents--
```html
--fcc-editable-region--
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
</body>
</html>
--fcc-editable-region--
```
```css
```