Comment supprimer l'espace d'un conteneur

Question

J'ai un conteneur sur ma page d'atterrissage et il crée de l'espace blanc. Je veux qu'elle soit en plein écran. J'essaie de faire en sorte que le haut et la droite soient à 0px, mais le bord droit reste en place. Voici à quoi cela ressemble

Et voici ce que je veux

Le code

<section class="zerra-porto">
      <div class="container">
        <div class="row">
          <div class="col align-self-center">
            <h1 class="mb-4">
              Hi, My Name is <br />
              Sumnit Parfit
            </h1>
            <p>A Front End Developer</p>
            <a href="#" role="button" class="btn btn-primary">Get to know</a>
          </div>
          <div class="col">
            <img src="/images/foto.png" alt="" class="landing-pic" />
          </div>
        </div>
      </div>
    </section>

.zerra-porto .landing-pic {
 position: relative;
 right: 0px;
 top: 0px;
 z-index: -1;
}

Answer 1

Pouvez-vous vérifier le code ci-dessous ? J'espère qu'il fonctionnera pour vous. D'après votre question, nous avons compris que vous avez besoin de votre contenu à l'intérieur du conteneur mais que vous voulez votre bannière image en dehors de la container Pour cela, nous avons apporté des modifications à votre structure HTML et positionné l'image à droite, conformément à la capture d'écran que vous avez demandée.

Veuillez vous référer à ce lien : https://jsfiddle.net/yudizsolutions/zgcydft1/