Desktop-first with media query for mobile styles

Hey ! Great work out there i just notice that the background-color is not occupy the entire screen , i recommend that instead of adding it on the container you can add it on the body so it will occupy the entire screen whether it small screen or wide screen. that's all happy coding !!

body {
  color: black;
  font-family: Figtree, sans-serif;
  font-size: 1.6rem;
  background-color: var(--primary-color-yellow); // add this
}