Menu
Coddy logo textTech
INIZIA A IMPARARE
flag It iconItalianodown icon

Body e classe wrapper

Lezione 9 di 17 del corso Fisarmonica di immagini | Progetto front-end di Coddy.

challenge icon

Sfida

Facile

Tag body di destinazione:

  1. Imposta il colore di sfondo che preferisci, oppure puoi scegliere:

    background: linear-gradient(135deg, rgb(255, 183, 183), rgb(255, 0, 76));

Classe ‘wrapper’ di destinazione:

  1. Imposta la larghezza al 100% e l’altezza a 100 vh.
  2. Imposta display su Flex
  3. Imposta align-items e justify-content su center.

Provalo tu

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Scrivi qui il codice HTML -->
        <script src="script.js"></script>
    </body>
</html>

Tutte le lezioni di Fisarmonica di immagini | Progetto front-end

1Introduzione

Che cosa costruirai?

4CSS II

Icona della classeLezione di progettoDescrizione della classeLezione di progettoIntestazione e sottotitoloLezione di progettoInputLezione di progettoImmagini di sfondoLezione di progetto

2HTML

TitoloClasse container e inputLezione di progettoEtichetta e classe rowLezione di progettoClassi di rowLezione di progettoIntestazione e sottotitoloLezione di progettoCompleta HTMLLezione di progetto

3CSS I

Selettore universaleLezione di progettoBody e classe wrapperLezione di progettoClasse containerLezione di progettoClasse cardLezione di progettoClasse rowLezione di progetto

Esercitati da solo: Playground Web