$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 800px,
);


@import "~bootstrap/scss/bootstrap";

.card {
  h1, h2, h3, h4, h5, h6 {
    font-size: 1.5rem;
  }
}

.btn {
  cursor: pointer; // Logout-Button in the navbar
}
$container-max-widths: (
  md: 800px,
);


@import "~bootstrap/scss/bootstrap";

.card {
  h1, h2, h3, h4, h5, h6 {
    font-size: 1.5rem;
  }
}

.btn {
  cursor: pointer; // Logout-Button in the navbar
}
Use only one container max width
Use only one container max width

I found it weird that if there were margins added when the screen was deemed small