#header {
  padding: clamp(2rem, 6vh, 4rem);
  padding-top: clamp(12rem, 65vh - 16rem, 28rem);
  position: relative;
}
#projects-nav {
  padding-top: 3rem;
}
#projects-nav a {
  text-decoration: none;
}
#projects-nav h1 {
  margin-bottom: .25em;
}
#projects-nav .projects-posts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 400px), 1fr));  
  gap: 1rem;
}

.projects-posts .project-post img {
  width: 100%;
  object-fit: cover;
}