question.js

 export const quizZilla = {

    questions: [
      {
        text: "Ça donne quoi un dinosaure dans une balise <h1> ?",
        options: [

          {text:"Un gros dinosaure important", image: "images/dino-gros.png"},
          {text:"Un petit dinosaure mignon", image: "images/dino-petit-mignon.png"},
          {text:"Juste un dinosaure", image:"images/dino-simple-2.png"},
          {text:"Un dinosaure pas trop gros", image:"images/dino-bleu.png"}

        ],
        correct_answer: "Un gros dinosaure important"
      },
      
      {
        text: "Quel est le rôle d'une page HTML ?",
        options: [

          {text:"C'est comme un dinosaure coloré", image:"images/dino-coloré.png"},
          {text:"C'est comme un squelette de dinosaure", image:"images/squelette-dino.png"},
          {text:"C'est comme un dinosaure sans couleur", image:"images/dino-sans-color.png"},
          {text:"C'est comme un dinosaure dynamique", image:"images/dino-vert2.png"}
        ],
        correct_answer: "C'est comme un squelette de dinosaure"

      },
      {
        text: "À quoi sert la propriété text-align:center ?",
        options: [

          {text:"À mettre un dinosaure à gauche", image:"images/dino-à-gauche.png"},
          {text:"À mettre un dinosaure à droite", image:"images/dino-à-droite.png"},
          {text:"À mettre un dinosaure au milieu", image:"images/dino-bleu2.png"},
          {text:"À mettre un dinosaure à l'envers", image:"images/dino-à-l'envers.png"}
        ],
        correct_answer: "À mettre un dinosaure au milieu"
      },
    
    {
      text: "Quelle propriété CSS change la couleur d'un dinosaure en bleu ?",
      options: [
        {text:"color: blue", image:"images/dino-color-bleu.png"},
        {text:"background-color: blue", image:"images/dino-front-bleu.jpg"},
        {text:"text: red", image:"images/dino-rouge2.png"},
        {text:"bordure: black", image:"images/dino-noir-blanc.png"}
      ],
      correct_answer: "color: blue"

    },
    ]
  };