.container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}

.grid{
    max-width: 860px;
    display: grid;
    justify-items: center;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    justify-content: center;
    align-content: center;
    margin: 0 auto;
    grid-gap: 20px;
   
}

.search-input {
    display: flex;
    justify-content: center;  
}

#search {
    padding: 12px 20px 12px 10px;
    border: 1px solid rgb(194, 194, 194);
    border-radius: 5px;
    width: 500px;
    margin: 25px auto 25px auto;
    
}

 input::placeholder{
      text-align: left;
 }