jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-03-02 11:07:15 -05:00
Code Issues Projects Releases Wiki Activity

chore(i18n,learn): processed translations (#46806)

Browse Source
This commit is contained in:
camperbot
2022-07-08 10:58:33 -07:00
committed by GitHub
parent 3edafd9e89
commit 2eace033cb
206 changed files with 903 additions and 594 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
curriculum/challenges/italian/01-responsive-web-design/applied-visual-design/use-a-bezier-curve-to-move-a-graphic.md
View File

@@ -21,7 +21,7 @@ Ricorda che tutte le funzioni `cubic-bezier` iniziano con `p0` a (0, 0) e termin
# --instructions--
Per vedere l'effetto di questa curva di Bezier in azione, cambia la `animation-timing-function` dell'elemento con id `red` in una funzione `cubic-bezier` con valori x1, y1, x2, y2 fissati rispettivamente a 0, 0, 0.58, 1. Questo farà progredire entrambi gli elementi attraverso l'animazione in modo simile.
Per vedere l'effetto di questa curva di Bezier in azione, cambia la `animation-timing-function` dell'elemento con id `red` in una funzione `cubic-bezier` con valori x1, y1, x2, y2 fissati rispettivamente a `0, 0, 0.58, 1`. Questo farà progredire entrambi gli elementi attraverso l'animazione in modo simile.
# --hints--

13
curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/counting-cards.md
View File

@@ -25,6 +25,19 @@ NON includere virgolette (singole o doppie) nell'output.
# --hints--
La tua funzione dovrebbe restituire un valore per count e del testo (`Bet` o `Hold`) con uno spazio tra di loro.
```js
assert(//
(function () {
count = 0;
let out = cc(10);
const hasSpace = /-?\d+ (Bet|Hold)/.test('' + out);
return hasSpace;
})()
);
```
La sequenza di carte 2, 3, 4, 5, 6 dovrebbe restituire la stringa `5 Bet`
```js

2
curriculum/challenges/italian/03-front-end-development-libraries/redux/create-a-redux-store.md
View File

@@ -20,7 +20,7 @@ Lo `store` di Redux è un oggetto che detiene e gestisce lo `state` dell'applica
Dichiara una variabile `store` e assegnala al metodo `createStore()`, passando il `reducer` come argomento.
**Nota:** Il codice nell'editor utilizza la sintassi predefinita degli argomenti ES6 per inizializzare questo stato in modo da contenere un valore di `5`. Se non hai familiarità con gli argomenti predefiniti, puoi fare riferimento alla <a href="https://learn.freecodecamp.org/javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions" target="_blank" rel="noopener noreferrer nofollow">sezione ES6 nel Curriculum</a> che copre questo argomento.
**Nota:** Il codice nell'editor utilizza la sintassi predefinita degli argomenti ES6 per inizializzare questo stato in modo da contenere un valore di `5`. Se non hai familiarità con gli argomenti predefiniti, puoi fare riferimento alla <a href="https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/es6/set-default-parameters-for-your-functions" target="_blank" rel="noopener noreferrer nofollow">sezione ES6 nel Curriculum</a> che tratta questo argomento.
# --hints--

16
curriculum/challenges/italian/05-back-end-development-and-apis/mongodb-and-mongoose/install-and-set-up-mongoose.md
View File

@@ -34,14 +34,19 @@ mongoose.connect(<Your URI>, { useNewUrlParser: true, useUnifiedTopology: true }
# --hints--
La dipendenza "mongodb" dovrebbe essere specificata in package.json
La dipendenza "mongodb version ~3.6.0" dovrebbe essere in package.json
```js
(getUserInput) =>
$.get(getUserInput('url') + '/_api/file/package.json').then(
(data) => {
var packJson = JSON.parse(data);
assert.property(packJson.dependencies, 'mongodb');
assert.property(packJson.dependencies, 'mongodb')
assert.match(
packJson.dependencies.mongodb,
/^\~3\.6\.0/,
'Wrong version of "mongodb". It should be ~3.6.0'
);
},
(xhr) => {
throw new Error(xhr.responseText);
@@ -49,7 +54,7 @@ La dipendenza "mongodb" dovrebbe essere specificata in package.json
);
```
La dipendenza "mongoose" dovrebbe essere specificata in package.json
La dipendenza "mongoose version ~5.4.0" dovrebbe essere in package.json
```js
(getUserInput) =>
@@ -57,6 +62,11 @@ La dipendenza "mongoose" dovrebbe essere specificata in package.json
(data) => {
var packJson = JSON.parse(data);
assert.property(packJson.dependencies, 'mongoose');
assert.match(
packJson.dependencies.mongoose,
/^\~5\.4\.0/,
'Wrong version of "mongoose". It should be ~5.4.0'
);
},
(xhr) => {
throw new Error(xhr.responseText);

2
curriculum/challenges/italian/06-quality-assurance/quality-assurance-projects/sudoku-solver.md
View File

@@ -270,7 +270,7 @@ async (getUserInput) => {
};
```
Se all'oggetto sottoposto a `/api/check` manca `puzzle`, `coordinate` o `value`, il valore restituito sarà `{ error: Required field(s) missing }`
Se all'oggetto sottoposto a `/api/check` manca `puzzle`, `coordinate` o `value`, il valore restituito sarà `{ error: 'Required field(s) missing' }`
```js
async (getUserInput) => {

2
curriculum/challenges/italian/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477ae34c1239cafe128be.md
View File

@@ -15,7 +15,7 @@ selector1, selector2 {
}
```
Usa una lista di selettori per centrare allo stesso tempo gli elementi `h1`, `h2` e `p`.
Elimina i tre selettori di tipo esistenti e sostituiscili con una lista di selettori che centra il testo degli elementi `h1`, `h2` e `p`.
# --hints--

5
curriculum/challenges/italian/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f3477cb2e27333b1ab2b955.md
View File

@@ -24,10 +24,11 @@ Non dovresti cambiare l'elemento `head` esistente. Assicurati di non aver elimin
assert($('head').length === 1);
```
L'elemento `link` dovrebbe essere un elemento autoconcludente.
Dovresti avere un elemento `link` auto-concludente.
```js
assert(code.match(/<link[\w\W\s]+\/?>/i));
const link = document.querySelectorAll('link');
assert(link.length === 1);
```
L'elemento `link` dovrebbe essere all'interno dell'elemento `head`.

2
curriculum/challenges/italian/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f4701b942c824109626c3d8.md
View File

@@ -11,7 +11,7 @@ Adesso aggiungi la classe `bottom-line` al secondo elemento `hr` in modo da appl
# --hints--
Dovresti applicare la proprietà `class="bottom-line"`.
Dovresti aggiungere l'attributo `class` con un valore di `bottom-line`.
```js
assert(code.match(/class=('|")bottom-line\1/i));

17
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/6140c7e645d8e905819f1dd4.md
View File

@@ -39,10 +39,10 @@ Dovresti chiudere la dichiarazione `DOCTYPE` con un carattere `>`.
assert(code.match(/<!DOCTYPE\s+html\s*>/gi));
```
L'elemento `html` dovrebbe avere un tag di apertura.
L'elemento `html` dovrebbe avere una tag di apertura con un attributo `lang` di `en`.
```js
assert(code.match(/<html\s*>/gi));
assert(code.match(/<html\s+lang\s*=\s*('|")en\1\s*>/gi));
```
L'elemento `html` dovrebbe avere un tag di chiusura.
@@ -139,28 +139,31 @@ Il codice dovrebbe avere un elemento `link`.
assert.match(code, /<link/)
```
L'elemento `link` dovrebbe essere un elemento auto-concludente.
Dovresti avere un elemento `link` auto-concludente.
```js
assert(code.match(/<link[\w\W\s]+\/>/i));
assert(document.querySelectorAll('link').length === 1);
```
L'elemento `link` dovrebbe essere all'interno dell'elemento `head`.
```js
assert(code.match(/<head>[\w\W\s]*<link[\w\W\s]*\/>[\w\W\s]*<\/head>/i))
assert.exists(document.querySelector('head > link'));
```
L'elemento `link` dovrebbe avere un attributo `rel` con il valore `stylesheet`.
```js
assert.match(code, /<link[\s\S]*?rel=('|"|`)stylesheet\1/)
const link_element = document.querySelector('link');
const rel = link_element.getAttribute("rel");
assert.equal(rel, "stylesheet");
```
L'elemento `link` dovrebbe avere un attributo `href` con il valore `styles.css`.
```js
assert.match(code, /<link[\s\S]*?href=('|"|`)(\.\/)?styles\.css\1/)
const link = document.querySelector('link');
assert.equal(link.dataset.href, "styles.css");
```
# --seed--

6
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695197ac34f0407e339882.md
View File

@@ -9,7 +9,7 @@ dashedName: step-1
Come hai visto nei progetti precedenti, le pagine web dovrebbero iniziare con una dichiarazione `DOCTYPE html` seguita da un elemento `html`.
Aggiungi una dichiarazione `DOCTYPE html` in cima al documento seguita da un elemento `html`.
Aggiungi una dichiarazione `DOCTYPE html` in cima al documento seguita da un elemento `html`. Dai all'elemento `html` un attributo `lang` con `en` come valore.
# --hints--
@@ -37,10 +37,10 @@ Dovresti chiudere la dichiarazione `DOCTYPE` con un `>`.
assert(code.match(/<!DOCTYPE\s+html\s*>/gi));
```
L'elemento `html` dovrebbe avere un tag di apertura.
L'elemento `html` dovrebbe avere una tag di apertura con un attributo `lang` di `en`.
```js
assert(code.match(/<html\s*>/gi));
assert(code.match(/<html\s+lang\s*=\s*('|")en\1\s*>/gi));
```
L'elemento `html` dovrebbe avere un tag di chiusura.

24
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61696ef7ac756c829f9e4048.md
View File

@@ -13,35 +13,31 @@ Annida un elemento `link` all'interno dell'elemento `head`. Dagli un attributo `
# --hints--
Il codice dovrebbe avere un elemento `link`.
Dovresti avere un elemento `link` auto-concludente.
```js
assert(code.match(/<link/i)?.length === 1);
```
L'elemento `link` dovrebbe essere un elemento autoconcludente.
```js
assert(code.match(/<\/link>/i) === null);
assert(document.querySelectorAll('link').length === 1);
```
L'elemento `link` dovrebbe essere all'interno dell'elemento `head`.
```js
const head = code.match(/<head>(.|\r|\n)*<\/head>/i)?.[0];
assert(head.match(/<link/i)?.length === 1)
assert.exists(document.querySelector('head > link'));
```
Il tuo elemento `link` dovrebbe avere un attributo `rel` con il valore `stylesheet`.
L'elemento `link` dovrebbe avere un attributo `rel` con il valore `stylesheet`.
```js
assert(code.match(/<link[\s\S]*?rel=('|"|`)stylesheet\1/gi)?.length === 1);
const link_element = document.querySelector('link');
const rel = link_element.getAttribute("rel");
assert.equal(rel, "stylesheet");
```
L'elemento `link` dovrebbe avere un attributo `href` con il valore `styles.css`. Fai attenzione alle maiuscole/minuscole quando crei il link a un file esterno.
L'elemento `link` dovrebbe avere un attributo `href` con il valore `styles.css`.
```js
assert.match(code, /<link[\s\S]*?href=('|"|`)(\.\/)?styles\.css\1/);
const link = document.querySelector('link');
assert.equal(link.dataset.href, "styles.css");
```
# --seed--

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/61437d575fb98f57fa8f7f36.md
View File

@@ -37,10 +37,10 @@ Dovresti chiudere la dichiarazione `DOCTYPE` con un carattere `>`.
assert(code.match(/<!DOCTYPE\s+html\s*>/gi));
```
L'elemento `html` dovrebbe avere un tag di apertura.
Dovresti avere un tag `<html>` di apertura con un attributo `lang` con il valore `en`.
```js
assert(code.match(/<html\s*>/gi));
assert(code.match(/<html\s+lang\s*=\s*('|")en\1\s*>/gi));
```
L'elemento `html` dovrebbe avere un tag di chiusura.

32
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/614385513d91ae5c251c2052.md
View File

@@ -7,55 +7,49 @@ dashedName: step-2
# --description--
Aggiungi un elemento `title` con il testo `Magazine`, un elemento `link` per il foglio di stile dei caratteri `https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap`, un `link` per il foglio di stile FontAwesome `https://use.fontawesome.com/releases/v5.8.2/css/all.css` e un `link` per il foglio di stile `./styles.css`.
Aggiungi un elemento `title` con il testo `Magazine`, un elemento `link` per il foglio di stile dei caratteri `https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap`, un `link` per il foglio di stile FontAwesome `https://use.fontawesome.com/releases/v5.8.2/css/all.css` e un `link` per il foglio di stile `./styles.css`.
Il foglio di stile dei caratteri caricherà tre caratteri separati: `Anton`, `Baskervville` e `Raleway`.
# --hints--
Il codice dovrebbe avere tre elementi `link`.
Il tuo codice dovrebbe avere tre elementi `link` auto-concludenti.
```js
assert(code.match(/<link/g)?.length === 3);
assert(document.querySelectorAll('link').length === 3);
```
Gli elementi `link` dovrebbero essere elementi autoconcludenti.
L'elemento `link` dovrebbe essere all'interno dell'elemento `head`.
```js
assert(code.match(/<\/link>/i) === null);
```
Gli elementi `link` dovrebbero trovarsi all'interno dell'elemento `head`.
```js
const head = code.match(/<head>(.|\r|\n)*<\/head>/i)?.[0];
assert(head.match(/<link/g)?.length === 3)
assert(document.querySelectorAll('head > link').length === 3);
```
I tre elementi `link` dovrebbero avere un attributo `rel` con il valore `stylesheet`.
```js
assert(code.match(/<link[\s\S]*?rel=('|"|`)stylesheet\1/gi)?.length === 3);
const links = [...document.querySelectorAll('link')];
assert(links.every(link => link.getAttribute('rel') === 'stylesheet'));
```
Uno dei tuoi elementi link dovrebbe avere un `href` impostato su `https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap`.
Uno degli elementi link dovrebbe avere un `href` impostato su `https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap`.
```js
const links = [...document.querySelectorAll('link')];
assert(links.find(link => link.getAttribute('href') === 'https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap'));
assert(links.find(link => link.getAttribute('href') === 'https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap'));
```
Uno dei tuoi elementi link dovrebbe avere un `href` impostato su `https://use.fontawesome.com/releases/v5.8.2/css/all.css`.
Uno degli elementi link dovrebbe avere un `href` impostato su `https://use.fontawesome.com/releases/v5.8.2/css/all.css`.
```js
const links = [...document.querySelectorAll('link')];
assert(links.find(link => link.getAttribute('href') === 'https://use.fontawesome.com/releases/v5.8.2/css/all.css'));
```
Uno dei tuoi elementi `link` dovrebbe avere un attributo `href` con il valore `styles.css`.
Uno degli elementi `link` dovrebbe avere un attributo `href` con il valore `styles.css`.
```js
assert.match(code, /<link[\s\S]*?href=('|"|`)(\.\/)?styles\.css\1/)
assert.match(code, /<link[\s\S]*?href\s*=\s*('|"|`)(\.\/)?styles\.css\1/)
```
Il codice dovrebbe avere un elemento `title`.
@@ -85,7 +79,7 @@ assert.equal(title?.text?.trim(), 'Magazine');
```html
<!DOCTYPE html>
<html>
<html lang="en">
--fcc-editable-region--
<head>
<meta charset="UTF-8" />

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143862a5e54455d262c212e.md
View File

@@ -47,13 +47,13 @@ assert(document.querySelector('section')?.classList?.contains('heading'));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143869bb45bd85e3b1926aa.md
View File

@@ -77,13 +77,13 @@ assert(document.querySelector('img')?.className === 'hero-img');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/614387cbefeeba5f3654a291.md
View File

@@ -106,13 +106,13 @@ assert(document.querySelector('div')?.querySelector('p')?.firstElementChild?.tex
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/614389f601bb4f611db98563.md
View File

@@ -79,13 +79,13 @@ assert.include(document.querySelector('.social-icons')?.querySelectorAll('a')?.[
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/61438b5b66d76a6264430f2a.md
View File

@@ -73,13 +73,13 @@ assert(document.querySelectorAll('i')?.[4]?.classList?.contains('fa-youtube'));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/61438ec09438696391076d6a.md
View File

@@ -57,13 +57,13 @@ assert(document.querySelector('.first-paragraph')?.innerText === 'Soon the freeC
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/61439dc084fa5f659cf75d7c.md
View File

@@ -33,13 +33,13 @@ assert(document.querySelectorAll('.text p')?.[1]?.innerText === 'After years - y
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/61439dfc811e12666b04be6f.md
View File

@@ -33,13 +33,13 @@ assert(document.querySelectorAll('.text p')?.[2]?.innerText === "It wasn't as dr
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/61439e33e4fb7967609e0c83.md
View File

@@ -64,13 +64,13 @@ assert(document.querySelector('.text blockquote p')?.innerText === 'The entire c
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143a1a228f7d068ab16a130.md
View File

@@ -39,13 +39,13 @@ assert(document.querySelectorAll('.text p')?.[4]?.innerText === 'No more walls o
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143a73279ce6369de4b9bcc.md
View File

@@ -33,13 +33,13 @@ assert(document.querySelectorAll('.text p')?.[5]?.innerText === 'The main design
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143a778bffc206ac6b1dbe3.md
View File

@@ -38,13 +38,13 @@ assert(document.querySelectorAll('.text p')?.[6]?.innerText === 'Instead of a se
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143a83fcc32c26bcfae3efa.md
View File

@@ -65,13 +65,13 @@ assert(document.querySelector('.text-with-images aside')?.className === 'image-w
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143b97c06c3306d23d5da47.md
View File

@@ -68,13 +68,13 @@ assert(document.querySelector('article ul')?.className === 'lists');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143b9e1f5035c6e5f2a8231.md
View File

@@ -118,13 +118,13 @@ assert(h4s?.every(h4 => h4?.classList?.contains('list-subtitle')));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143bb50e8e48c6f5ef9d8d5.md
View File

@@ -45,13 +45,13 @@ assert(children?.[3]?.localName === 'img');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143c2a363865c715f1a3f72.md
View File

@@ -53,13 +53,13 @@ assert(document.querySelectorAll('.image-wrapper img')?.[0]?.getAttribute('heigh
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143cd08fe927072ca3a371d.md
View File

@@ -53,13 +53,13 @@ assert(document.querySelectorAll('.image-wrapper img')?.[1]?.getAttribute('heigh
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143cdf48b634a747de42104.md
View File

@@ -53,13 +53,13 @@ assert(document.querySelectorAll('.image-wrapper img')?.[2]?.getAttribute('heigh
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143d003ad9e9d76766293ec.md
View File

@@ -50,13 +50,13 @@ assert(document.querySelector('.image-quote p')?.innerText === 'The millions of
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6143d2842b497779bad947de.md
View File

@@ -35,13 +35,13 @@ assert(new __helpers.CSSHelp(document).getStyle('*, ::before, ::after')?.margin
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d66a5358db0c80628757.md
View File

@@ -39,13 +39,13 @@ assert(new __helpers.CSSHelp(document).getStyle('html')?.boxSizing === 'border-b
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144d7dbdd3e580da730ff45.md
View File

@@ -42,13 +42,13 @@ assert(new __helpers.CSSHelp(document).getStyle('body')?.backgroundColor === 'rg
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144de308591ec10e27d5383.md
View File

@@ -30,13 +30,13 @@ assert(fontFamily === 'Anton, sans-serif' || fontFamily === `"Anton", sans-serif
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144e1ba93e435127a7f516d.md
View File

@@ -30,13 +30,13 @@ assert(fontFamily === 'Raleway, sans-serif' || fontFamily === `"Raleway", sans-s
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144ee46a9d6e614c598cc05.md
View File

@@ -35,13 +35,13 @@ assert(new __helpers.CSSHelp(document).getStyle('a')?.color === 'linen');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144ee790af79815ad15a832.md
View File

@@ -31,13 +31,13 @@ assert(new __helpers.CSSHelp(document).getStyle('main')?.display === 'grid');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f1410990ea17187a722b.md
View File

@@ -25,13 +25,13 @@ assert(new __helpers.CSSHelp(document).getStyle('main')?.gridTemplateColumns ===
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f3818bfbc51844152e36.md
View File

@@ -25,13 +25,13 @@ assert(new __helpers.CSSHelp(document).getStyle('main')?.gridTemplateColumns ===
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f42204c8c8195f1f3345.md
View File

@@ -23,13 +23,13 @@ assert(new __helpers.CSSHelp(document).getStyle('main')?.rowGap === '3rem');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6144f47b7c631e1a6f304dd5.md
View File

@@ -33,13 +33,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.heading')?.gridColumn === '2 /
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b07081759c2c691166a9.md
View File

@@ -29,13 +29,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.text')?.gridColumn === '2 / 3'
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b0d764e4192e5712ed92.md
View File

@@ -25,13 +25,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.heading')?.display === 'grid')
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b185ef37522f688316b0.md
View File

@@ -27,13 +27,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.heading')?.gridTemplateColumns
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b30464daf630848c21d4.md
View File

@@ -23,13 +23,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.heading')?.rowGap === '1.5rem'
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b4b150434734143db6f2.md
View File

@@ -31,13 +31,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.hero')?.gridColumn === '1 / -1
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b5623efa8f369f2c3643.md
View File

@@ -23,13 +23,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.hero')?.position === 'relative
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148b59ef318e03875f35c4a.md
View File

@@ -37,13 +37,13 @@ assert(new __helpers.CSSHelp(document).getStyle('img')?.objectFit === 'cover');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bd62bbb8c83a5f1fc1b3.md
View File

@@ -41,13 +41,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.hero-title')?.fontSize === '8r
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148be3d605d6b3ca9425d11.md
View File

@@ -41,13 +41,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.hero-subtitle')?.textAlign ===
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148be82ca63c63daa8cca49.md
View File

@@ -36,13 +36,13 @@ assert(fontFamily === 'Raleway, sans-serif' || fontFamily === `"Raleway", sans-s
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bf49fcc7913f05dbf9b7.md
View File

@@ -31,13 +31,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.author-name a:hover')?.backgro
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148bfc43df3bc40fe0e6405.md
View File

@@ -29,13 +29,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.publish-date')?.color === 'rgb
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c004ffc8434252940dc3.md
View File

@@ -35,13 +35,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.fontSize === '
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c224ecb157439bc5247c.md
View File

@@ -23,13 +23,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.gridTemplateCo
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c434bd731d45617a76c6.md
View File

@@ -27,13 +27,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.gridAutoFlow =
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c5036ddad94692a66230.md
View File

@@ -25,13 +25,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.gridAutoColumn
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c58bace368497fb11bcf.md
View File

@@ -25,13 +25,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.social-icons')?.alignItems ===
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c6aa9981d74af202125e.md
View File

@@ -29,13 +29,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.text')?.letterSpacing === '0.6
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148c721e74ecd4c619ae51c.md
View File

@@ -25,13 +25,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.text')?.columnWidth === '25rem
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148ceaf5d897d4d8b3554b3.md
View File

@@ -25,13 +25,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.text')?.textAlign === 'justify
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148cf094b3f2b4e8a032c63.md
View File

@@ -37,13 +37,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.first-paragraph::first-letter'
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d0b863d10d50544ace0e.md
View File

@@ -29,13 +29,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.first-paragraph::first-letter'
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d1bdf39c5b5186f5974b.md
View File

@@ -29,13 +29,13 @@ assert(new __helpers.CSSHelp(document).getStyle('hr')?.margin === '1.5rem 0px');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d1f9eb63c252e1f8acc4.md
View File

@@ -25,13 +25,13 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('hr')?.borderColor, 'rgba(
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d2444d01ab541e64a1e4.md
View File

@@ -41,13 +41,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.quote')?.textAlign === 'center
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d33e31fccf558696c745.md
View File

@@ -24,13 +24,13 @@ assert(fontFamily === 'Raleway, sans-serif' || fontFamily === `"Raleway", sans-s
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d3fff5186b57123d97e2.md
View File

@@ -45,13 +45,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.quote::after')?.content?.match
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d4d57b965358c9fa38bf.md
View File

@@ -31,13 +31,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.display ==
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d7720f0db36775db868a.md
View File

@@ -29,13 +29,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.columnGap
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d94fdf6a5d6899f8ff15.md
View File

@@ -23,13 +23,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.text-with-images')?.marginBott
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148d9825b50a3698aeee644.md
View File

@@ -29,13 +29,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.lists')?.listStyleType === 'no
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e162e255676ae0da6a76.md
View File

@@ -23,13 +23,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.lists')?.marginTop === '2rem')
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e19c3e26436be0155690.md
View File

@@ -29,13 +29,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.lists li')?.marginBottom === '
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e246146b646cf4255f0c.md
View File

@@ -29,13 +29,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.list-title, .list-subtitle')?.
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e2dcdd60306dd77d41cc.md
View File

@@ -31,13 +31,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.display === '
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e4d6861a486f60681f36.md
View File

@@ -31,13 +31,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.gridTemplateR
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e5a204d99e70343a63e4.md
View File

@@ -25,13 +25,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.gap === '2rem
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e62a6f768f71c4f04828.md
View File

@@ -25,13 +25,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.image-wrapper')?.placeItems ==
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148e789329dc9736ce59b85.md
View File

@@ -29,13 +29,13 @@ assert(new __helpers.CSSHelp(document).getStyle('.image-1, .image-3')?.gridColum
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f34ebedc2274bceeb99c.md
View File

@@ -39,13 +39,13 @@ assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[0]?.cssRules?.[0]?
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f600cde42b7670c2611f.md
View File

@@ -37,13 +37,13 @@ assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[1]?.cssRules?.[0]?
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f693e0728f77c87f3020.md
View File

@@ -56,13 +56,13 @@ assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[3]?
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

8
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f6f7d8914c78e93136ca.md
View File

@@ -37,13 +37,13 @@ assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[3]?.cssRules?.[0]?
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link
@@ -409,13 +409,13 @@ hr {
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/614e0e503b110f76d3ac2ff6.md
View File

@@ -23,13 +23,13 @@ assert.isNull(document.querySelector('.hero-img')?.getAttribute('width'));
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/614e0e588f0e8a772a8a81a6.md
View File

@@ -25,13 +25,13 @@ assert(document.querySelector('img')?.getAttribute('width') === '400');
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6165d3b702a5d92ad970b30c.md
View File

@@ -65,13 +65,13 @@ assert.equal(document.querySelector('p')?.textContent?.trim()?.replace(/\s{2,}/,
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6169cd8a558aa8434e0ad7f6.md
View File

@@ -23,13 +23,13 @@ assert(document.querySelector('div')?.querySelector('p')?.firstElementChild?.get
```html
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Magazine</title>
<link
href="https://fonts.googleapis.com/css?family=Anton|Baskervville|Raleway&display=swap"
href="https://fonts.googleapis.com/css?family=Anton%7CBaskervville%7CRaleway&display=swap"
rel="stylesheet"
/>
<link

16
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619665c9abd72906f3ad30f9.md
View File

@@ -25,6 +25,18 @@ Il codice dovrebbe avere un elemento `html`.
assert.equal(document.querySelectorAll('html')?.length, 1);
```
L'elemento `html` dovrebbe avere una tag di apertura con un attributo `lang` di `en`.
```js
assert(code.match(/<html\s+lang\s*=\s*('|")en\1\s*>/gi));
```
L'elemento `html` dovrebbe avere un tag di chiusura.
```js
assert(code.match(/<\/html\s*>/gi));
```
Il codice dovrebbe avere un elemento `head` all'interno dell'elemento `html`.
```js
@@ -80,13 +92,13 @@ const title = document.querySelector('title');
assert.isAtLeast(title?.textContent?.length, 1);
```
Dovrebbe esserci un elemento `link`.
Il codice dovrebbe avere un elemento `link`.
```js
assert(/<link/.test(code))
```
L'elemento `link` dovrebbe essere all'interno dell'elemento `head`.
L'elemento `link` dovrebbe trovarsi all'interno dell'elemento `head`.
```js
assert(code.match(/<head>[\w\W\s]*<link[\w\W\s]*\/>[\w\W\s]*<\/head>/i))

8
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ca.md
View File

@@ -7,7 +7,7 @@ dashedName: step-2
# --description--
Aggiungi i tag di apertura e chiusura `html` sotto `DOCTYPE` in modo da avere un posto dove iniziare a inserire del codice.
Aggiungi i tag di apertura e chiusura `html` sotto `DOCTYPE` in modo da avere un posto dove iniziare a inserire del codice. Assicurati di impostare la lingua.
# --hints--
@@ -17,10 +17,10 @@ La dichiarazione `DOCTYPE` dovrebbe essere all'inizio dell'HTML.
assert(__helpers.removeHtmlComments(code).match(/^\s*<!DOCTYPE\s+html\s*>/i));
```
L'elemento `html` dove avere un tag di apertura.
L'elemento `html` dovrebbe avere una tag di apertura con un attributo `lang` di `en`.
```js
assert(code.match(/<html\s*>/gi));
assert(code.match(/<html\s+lang\s*=\s*('|")en\1\s*>/gi));
```
L'elemento `html` dovrebbe avere un tag di chiusura.
@@ -32,7 +32,7 @@ assert(code.match(/<\/html\s*>/));
I tag `html` dovrebbero essere nell'ordine corretto.
```js
assert(code.match(/<html\s*>\s*<\/html\s*>/));
assert(code.match(/<html\s+lang\s*=\s*('|")en\1\s*>\s*<\/html\s*>/));
```
Dovresti avere un solo elemento `html`.

31
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cc.md
View File

@@ -7,10 +7,22 @@ dashedName: step-4
# --description--
Aggiungi un elemento `title` a `head` e dai al progetto il titolo `City Skyline`. Inoltre, annida un elemento `link` autoconcludente nell'elemento `head`. Dagli un attributo `rel` con valore di `stylesheet` e un attributo `href` con valore di `styles.css`.
Dentro `head`, annida un elemento `meta` con un `charset` di `UTF-8`, un elemento `title` con il titolo `City Skyline` e un elemento `link` che linka il tuo file `styles.css`.
# --hints--
Dovresti creare un elemento `meta` dentro l'elemento `head`.
```js
assert.exists(document.querySelector('head > meta'));
```
Dovresti assegnare al tag `meta` un attributo `charset` con il valore `UTF-8`.
```js
assert.equal(document.querySelector('head > meta')?.getAttribute('charset')?.toLowerCase(), 'utf-8');
```
Il codice dovrebbe avere un elemento `title`.
```js
@@ -51,28 +63,31 @@ const heads = document.querySelectorAll('head');
assert.equal(heads?.length, 1);
```
L'elemento `link` dovrebbe essere un elemento autoconcludente.
Dovresti avere un elemento `link` auto-concludente.
```js
assert(code.match(/<link[\w\W\s]+\/>/i));
assert(document.querySelectorAll('link').length === 1);
```
L'elemento `link` dovrebbe essere all'interno dell'elemento `head`.
L'elemento `link` dovrebbe trovarsi all'interno dell'elemento `head`.
```js
assert(code.match(/<head>[\w\W\s]*<link[\w\W\s]*\/>[\w\W\s]*<\/head>/i))
assert.exists(document.querySelector('head > link'));
```
L'elemento `link` dovrebbe avere un attributo `rel` con il valore `stylesheet`.
```js
assert.match(code, /<link[\s\S]*?rel=('|"|`)stylesheet\1/)
const link_element = document.querySelector('link');
const rel = link_element.getAttribute("rel");
assert.equal(rel, "stylesheet");
```
L'elemento `link` dovrebbe avere un attributo `href` con il valore `styles.css`.
```js
assert.match(code, /<link[\s\S]*?href=('|"|`)(\.\/)?styles\.css\1/)
const link = document.querySelector('link');
assert.equal(link.dataset.href, "styles.css");
```
# --seed--
@@ -81,7 +96,7 @@ assert.match(code, /<link[\s\S]*?href=('|"|`)(\.\/)?styles\.css\1/)
```html
<!DOCTYPE html>
<html>
<html lang="en">
--fcc-editable-region--
<head>

2
curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cd.md
View File

@@ -7,7 +7,7 @@ dashedName: step-5
# --description--
In CSS, è possibile selezionare tutto con un asterisco. Aggiungi un bordo a tutto il contenuto della pagina usando il selettore `*` e impostando `border` su `1px solid black`. Questo è un trucco che mi piace usare per visualizzare meglio la posizione degli elementi e la loro dimensione. Lo rimuoverai più tardi.
In CSS, è possibile selezionare tutto con un asterisco. Aggiungi un bordo a tutto il contenuto della pagina usando il selettore `*` e impostando `border` su `1px solid black`. Questo è un trucco che aiuta a visualizzare la posizione degli elementi e la loro dimensione. Lo rimuoverai più tardi.
# --hints--

16
curriculum/challenges/italian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dc23991f86c76b9248c6eb8.md
View File

@@ -7,16 +7,16 @@ dashedName: step-6
# --description--
Nello step precedente, hai annidato l'elemento `h2`, il commento e l'elemento `p` all'interno dell'elemento `main`. Un elemento annidato è il figlio del suo elemento genitore. Per migliorare la leggibilità, dovrebbe essere indentato di due spazi rispetto all'elemento genitore, in questo modo:
Nello step precedente, hai annidato l'elemento `h2`, il commento e l'elemento `p` all'interno dell'elemento `main`. Indentare gli elementi annidati di due spazi in più rispetto all'elemento genitore migliora la leggibilità:
```html
<ul>
<li> Child Element 1 </li>
<li> Child Element 2 </li>
<li> This `li` element indented </li>
<li> This `li` element is also indented </li>
</ul>
```
Aggiungi due spazi davanti a ognuno dei tre elementi figli di `main` per rendere l'HTML più leggibile.
Aggiungi due spazi in più davanti all'elemento `h1`, al commento, e all'elemento `p` così da rendere il tuo HTML più leggibile.
# --hints--
@@ -30,6 +30,14 @@ assert(
);
```
Non dovresti aggiungere gli elementi `ul` o `li` dell'esempio.
```js
assert(
!document.querySelector('ul') && !document.querySelector('li')
);
```
L'elemento `h2` dovrebbe essere sotto il tag di apertura dell'elemento `main` e il suo tag di apertura dovrebbe iniziare dopo 6 spazi dall'inizio della riga.
```js

14
curriculum/challenges/italian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5dfa22d1b521be39a3de7be0.md
View File

@@ -7,7 +7,7 @@ dashedName: step-12
# --description--
Trasforma le parole `cat photos` all'interno dell'elemento `p` in un link usando lo stesso valore dell'attributo `href` al di sotto dell'elemento `p`. L'elemento `p` dovrebbe mostrare lo stesso testo nel browser, ma adesso le parole `cat photos` dovrebbero essere un link. Assicurati di rimuovere l'elemento `a` con il testo `cat photos` sulla riga sotto l'elemento `p`.
Adesso puoi vedere le parole `cat photos` sottolineate vicino all'immagine nella preview. Questo è il tuo link, prova a cliccarlo. Nel testo dell'elemento `p`, trasforma le parole `cat photos` in un link a `https://freecatphotoapp.com`. Quando hai finito, rimuovi il vecchio elemento ancora e il testo sotto il paragrafo.
# --hints--
@@ -23,13 +23,21 @@ L'elemento di ancoraggio (`a`) dovrebbe essere annidato all'interno dell'element
assert($('p > a').length);
```
Il valore dell'attributo `href` del link dovrebbe essere `https://freecatphotoapp.com`. Hai omesso il valore di href o hai un refuso.
```js
const nestedAnchor = $('p > a')[0];
assert(
nestedAnchor.getAttribute('href') === 'https://freecatphotoapp.com'
);
```
Il testo del link dovrebbe essere `cat photos`. Hai omesso il testo o hai un refuso.
```js
const nestedAnchor = $('p > a')[0];
assert(
nestedAnchor.getAttribute('href') === 'https://freecatphotoapp.com' &&
nestedAnchor.innerText.toLowerCase().replace(/\s+/g, ' ') === 'cat photos'
nestedAnchor.innerText.toLowerCase().replace(/\s+/g, ' ') === 'cat photos'
);
```

69
curriculum/challenges/italian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804ee.md
View File

@@ -9,7 +9,7 @@ dashedName: step-67
Tutte le pagine dovrebbero iniziare con `<!DOCTYPE html>`. Questa stringa speciale viene detta <dfn>dichiarazione</dfn> e garantisce che il browser cerchi di soddisfare le specifiche del settore.
Per completare questo progetto, aggiungi questa dichiarazione come prima riga del codice.
Aggiungi questa dichiarazione come prima riga del codice.
# --hints--
@@ -97,70 +97,3 @@ assert(noSpaces.match(/^\<\!DOCTYPEhtml\>\<html/));
</html>
```
# --solutions--
```html
<!DOCTYPE html>
<html lang="en">
<head>
<title>CatPhotoApp</title>
</head>
<body>
<h1>CatPhotoApp</h1>
<main>
<section>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section>
<section>
<h2>Cat Lists</h2>
<h3>Things cats love:</h3>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure>
<h3>Top 3 things cats hate:</h3>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
<section>
<h2>Cat Form</h2>
<form action="https://freecatphotoapp.com/submit-cat-photo">
<fieldset>
<legend>Is your cat an indoor or outdoor cat?</legend>
<label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
<label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
</fieldset>
<fieldset>
<legend>What's your cat's personality?</legend>
<label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
<label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
<label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label>
</fieldset>
<input type="text" name="catphotourl" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</section>
</main>
<footer>
<p>
No Copyright - <a href="https://www.freecodecamp.org">freeCodeCamp.org</a>
</p>
</footer>
</body>
</html>
```

166
curriculum/challenges/italian/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md Normal file
View File

@@ -0,0 +1,166 @@
---
id: 62bb4009e3458a128ff57d5d
title: Step 68
challengeType: 0
dashedName: step-68
---
# --description--
Ancora una cosa. Dovresti permettere alle persone di usare la loro lingua nativa. Ordina al browser di codificare linguaggi multipli aggiungendo un elemento `meta` come figlio dell'elemento `head`. Imposta l'attributo `charset` su `UTF-8`.
# --hints--
Dovresti creare un elemento `meta` dentro l'elemento `head`.
```js
assert.exists(document.querySelector('head > meta'));
```
Dovresti assegnare all'elemento `meta` un attributo `charset` con il valore `UTF-8`.
```js
assert.equal(document.querySelector('head > meta')?.getAttribute('charset')?.toLowerCase(), 'utf-8');
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
<html lang="en">
--fcc-editable-region--
<head>
<title>CatPhotoApp</title>
</head>
--fcc-editable-region--
<body>
<h1>CatPhotoApp</h1>
<main>
<section>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section>
<section>
<h2>Cat Lists</h2>
<h3>Things cats love:</h3>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure>
<h3>Top 3 things cats hate:</h3>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
<section>
<h2>Cat Form</h2>
<form action="https://freecatphotoapp.com/submit-cat-photo">
<fieldset>
<legend>Is your cat an indoor or outdoor cat?</legend>
<label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
<label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
</fieldset>
<fieldset>
<legend>What's your cat's personality?</legend>
<input id="loving" type="checkbox" name="personality" value="loving" checked> <label for="loving">Loving</label>
<input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
<input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic">Energetic</label>
</fieldset>
<input type="text" name="catphotourl" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</section>
</main>
<footer>
<p>
No Copyright - <a href="https://www.freecodecamp.org">freeCodeCamp.org</a>
</p>
</footer>
</body>
</html>
```
# --solutions--
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CatPhotoApp</title>
</head>
<body>
<h1>CatPhotoApp</h1>
<main>
<section>
<h2>Cat Photos</h2>
<!-- TODO: Add link to cat photos -->
<p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
<a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
</section>
<section>
<h2>Cat Lists</h2>
<h3>Things cats love:</h3>
<ul>
<li>cat nip</li>
<li>laser pointers</li>
<li>lasagna</li>
</ul>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
<figcaption>Cats <em>love</em> lasagna.</figcaption>
</figure>
<h3>Top 3 things cats hate:</h3>
<ol>
<li>flea treatment</li>
<li>thunder</li>
<li>other cats</li>
</ol>
<figure>
<img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
<figcaption>Cats <strong>hate</strong> other cats.</figcaption>
</figure>
</section>
<section>
<h2>Cat Form</h2>
<form action="https://freecatphotoapp.com/submit-cat-photo">
<fieldset>
<legend>Is your cat an indoor or outdoor cat?</legend>
<label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
<label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
</fieldset>
<fieldset>
<legend>What's your cat's personality?</legend>
<label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
<label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
<label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label>
</fieldset>
<input type="text" name="catphotourl" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</section>
</main>
<footer>
<p>
No Copyright - <a href="https://www.freecodecamp.org">freeCodeCamp.org</a>
</p>
</footer>
</body>
</html>
```

4
curriculum/challenges/italian/14-responsive-web-design-22/learn-html-forms-by-building-a-registration-form/60f0286404aefb0562a4fdf9.md
View File

@@ -51,10 +51,10 @@ const heads = document.querySelectorAll('head');
assert.equal(heads?.length, 1);
```
L'elemento `link` dovrebbe essere un elemento autoconcludente.
Dovresti avere un elemento `link` auto-concludente.
```js
assert(code.match(/<link[\w\W\s]+\/>/i));
assert(document.querySelectorAll('link').length === 1);
```
L'elemento `link` dovrebbe essere all'interno dell'elemento `head`.

Some files were not shown because too many files have changed in this diff Show More