Help wanted for Responsive Web Design assessment

The Assessment.

My code:

@media screen and (min-width: 1280px) {

      header {
          display: flex;
      }

      nav {
          display: flex;
          justify-content: flex-end;
      }

      header a {
          border-top: 0;
      }

      .cards {
          display: grid;
          column-gap: 20px;
          grid-template-columns: 1fr 1fr 1fr;
      }
      
      main {
          display: grid;
          grid-template-columns: 3fr 1fr;
          column-gap: 20px;
      }

      article {
          margin-bottom: 0;
      }

      aside {
          margin-top: 2em;
      }
  }

I can’t get the links in the header lined up horizontally nor positioned to the right.

Hi there @Nohbdy! No worries, do you have your code running somewhere like Codepen or JSFiddle?

Yes: https://codepen.io/jksprat/pen/ExoJpvJ