@media (max-width: 600px) {
  .page-wrapper {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .projects-section {
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: calc(-50vw + 0px);
    margin-right: calc(-50vw + 0px);
    width: 100vw;
    padding-left: 1rem;
    padding-right: 1rem;
    border-radius: 0;
    box-shadow: none;
    overflow-x: hidden;
  }

  .projects-grid {
    justify-content: center; /* center the grid items horizontally */
  }
}