Accessible news homepage built with CSS grid

Community feedback

• 

  KapteynUniverse•2,260

  @KapteynUniversePosted 6 days ago

  Hey Natalie, nice job.

  That looks like a grid problem. I see you tried align-items on the button but you should use align-self.

  @media (min-width: 62.5rem) {
      .call-to-action {
          grid-area: button;
          align-self: center;
      }
  }
  

  You can check for grid tricks on this page

  It doesn't look like it on the preview image but nav items also touching eachother on my side. Maybe you changed something after posting solution. Looks like these 2 codes are conflicting eachother

  @media (min-width: 62.5rem) {
      .primary-navigation[data-visible='false'] {
          display: flex;
          justify-content: space-evenly;
      }
  }
  

  @media (min-width: 62.5rem) {
      .nav > ul {
          display: grid;
          gap: 1px;
          grid-template-columns: repeat(5, 1fr);
          justify-self: end;
          color: hsl( 236 13 42 );
      }
  }
  

  0