We never settle for “good enough”.

<section class="hero">
  <h1>A place. Yours.</h1>
  <a href="#projects">Explore</a>
</section>

.hero { display: grid; }
.title { font: 64px Georgia; }
@media (max-width: 750px) {
  .hero { grid-template-columns: 1fr; }
}

const menu = document.querySelector("nav");
button.addEventListener("click", () => {
  menu.classList.toggle("open");
});

<?php get_header(); ?>
<h1><?php the_title(); ?></h1>
<?php get_template_part("projects"); ?>
<?php get_footer(); ?>