@media (max-width: 600px){
  .Main-navigation{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 10px;
   padding: 20px;
    
  
  }

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

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

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