@media (max-width: 600px){
  .nav-wrap{
    flex-direction:column;
    align-items:flex-start;
  
  }

 
  .hero-grid{
    grid-template-columns:1fr;
  }

  .float-img{
    float:none;
    width:100%;
    margin:0 0 1rem 0;
  }

  .planet-card{
    flex:1 1 100%;
  }
}