Pages

DS 🛟

Exemple de DS Machine :⏱️30 minutes

  1. Recherchez dans un moteur "denis dupont cinémathèque"
  2. Ajouter un article
    1. intégrer la vidéo de https://www.cinematheque.fr/video/1469.html
    2. intégrer la vidéo avec démarrage automatique
    3. intégrer la vidéo avec démarrage à la 13'30
  3. 🥇https://dupontl1.blogspot.com/2023/02/ds-help.html


DS Papier : ⏱️30 minutes

▶ Sujet type 


Entrainement : 

🅰️ Pour toutes les questions, les blocs dans le conteneur sont des <div> de quatre couleurs différentes ! 

Notez : 

  • Sans couleur, le type de fond (barré vertical, horizontal ...) permet de distinger les blocs.
  • La dimension d'un carré de fond = 1cm


Bloc 1 : Bloc Rouge



Bloc 2 : Bloc Bleu



Bloc 3 : Bloc Vert



Bloc 4 : bloc Noir

🪛Dessinez les quatres blocs (R,B,V,N) dans le conteneur.

.conteneur {
    display: grid;
    grid-template-columns: repeat(2, 3cm);
    grid-auto-flow: column
}


🪛Dessinez les quatres blocs (R,B,V,N) dans le conteneur.


.conteneur {
    display: grid;
    grid-template-columns: repeat(4, 2cm);
    grid-auto-rows: 1cm;
    grid-auto-flow: row;
}

 div:nth-child(1) {
    grid-column: 1 / 3;
    grid-row: 1 / 3;
}

div:nth-child(2) {
    grid-column: 3/5;
    grid-row: 2 / 5;
}

div:nth-child(3) {
    grid-row-end: span 2;
}

div:nth-child(4) {
    grid-column-end: span 2;
}



🆘 Pour vérifier votre réponse, vous pouvez utilisez un simulateur !