Bonjour a tous, je suis actuellement entrain de faire l'exercice 2 de bootstrap. J'ai un petit soucis, je ne veux pas que l'on me fasse l'exercice mais je bloque sur un point : 

Les deux blocs a droite ne sont pas alignés comme si il y avait une marge a droite pour celui du haut et une marge a gauche pour celui d'en bas. J'ai retourné le code et je ne trouve pas d'ou ça vient, avez vous une piste ? 

 /* Styles de base */
      body {
        font-family: 'Bitter', serif;
        background-color: #eef;
        color: #259;
      }
      nav img {
        width: 100%;
      }

      /* Styles pour les smartphones */
      #left, #side1, #side2 {
        padding: 10px 10px 0 10px;
      }

      /* Styles pour les tablettes */
      @media (min-width: 768px) {
        #left{
          padding: 0;
        } 
        #side1 {
          padding: 10px 5px 0 0;
        } 
        #side2 {
          padding: 10px 0 0 5px;
        }
      }

      /* Styles pour les écrans moyens et grands */
      @media (min-width: 992px) {
        #side1 #side2 {
          padding: 0 0 10px 10px;
        } 
      }

Me conseillez vous de rendre l'exercice comme cela et d'attendre la correction ? j'ai peur de louper le pourquoi du comment en le rendant comme ça