@media only screen and (max-width: 450px) {
  .header,
  .user,
  #gallery {
    margin: 1rem;
  }
  .header {
    font-size: 30px;
  }
  .header::after {
    font-size: 16px;
    left: calc(100% + 0.5rem);
  }
  .user {
    margin-bottom: 2rem;
  }
  .user-info {
    margin-left: 0.5rem;
  }
  #profile-img {
    height: 5rem;
  }
  .post {
    width: 100%;
  }
  .post-img {
    width: 100%;
  }
  .add-btn {
    height: 3rem;
    aspect-ratio: 1/1;
    margin: auto 0;
  }
  #gallery {
    display: flex;
    flex-direction: column;
    width: fit-content;
  }
}

/*# sourceMappingURL=style.css.map */