/*------------------------------------------------*/
.container-gallery{
  background-color:unset; /* TESTING MQ PURPOSE */
}
/*------------------------------------------------*/
.container-gallery {
  grid-template-rows: minmax(200px, auto) minmax(500px, auto) minmax(50px,auto) minmax(50px,auto) minmax(50px,auto) minmax(50px,auto);
}
/*------------------------------------------------*/
#navbar{
  display:flex;
  height:250px;
  align-items:center;
  justify-content: center;
}

#navbar .nav-area{
  display:flex;
  flex-direction: column;
  height:300px;
  width:2000px;  
}

#navbar .nav-area ul li:hover ul{
  transform: translateX(-31.5rem); /* Bad practice - learn to make responsive dropdowns */
}

#content-gallery .gallery-container {
  grid-template-columns: repeat(4, 200px);
  grid-template-rows: repeat(4, 300px);
}