28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je souhaite faire une grille sans gutter avec le framework knacss.
J'ai une grid-2 et je voudrais ne pas avoir d'espaces, cependant quand j'enlève le margin left le contenu se décentre de la page.

Merci par avance pour vos réponses
Bonjour, j'utilise la dernière version

Une capture d'écran pour illustré mes propos :

http://hpics.li/821c508

<div class="grid-2">
      <div class="img-home">
        <img src="/clients/traci-tech/wp-content/uploads/2016/11/1600x2000-3.jpg" alt="p1320151" height="100%" />
        <p>Skiply</p>
      </div>
      <div class="img-home">
        <img  src="/clients/traci-tech/wp-content/uploads/2016/11/1600x2000-2.jpg" alt="emplacement1_02-copie"  />
        <p>Smilio</p>
      </div>
      <div class="img-home">
        <img  src="/clients/traci-tech/wp-content/uploads/2016/10/1600x2000-4.jpg" alt="1600x2000"  />
        <p>Alertes</p>
      </div>
      <div class="img-home">
        <img  src="/clients/traci-tech/wp-content/uploads/2016/10/thesame_Event.jpg" alt="thesame_event"  />
        <p>Évenements</p>
      </div>
    </div>



.the-content-home {
    .img-home {
      position:relative;
      overflow: hidden;
      display: flex;
      align-items: center;
      height:280px;

      p {
        font-size:$h2-size;
        font-family:$font-stack-headings;
        color:$base-color;
        position:absolute;
        left:20px;
        top:50px;
      }
      img {
        vertical-align: middle;
        margin:0;
      }
    }
  }
La variable $grid-gutter modifié dans le cadre d'un autre projet que j'ai oublié de changer.

Désolé ! merci !