body {
  background: hsl(30, 38%, 92%);
  color: #000;
  padding: 25px;
  display:flex;
  font-family: sans-serif; 
  align-items: center;
  justify-content: center;

}
  img {
  width:200px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.two{
  background:hsl(0, 0%, 100%);
  width:200px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
button{
background-color: hsl(158, 36%, 37%);
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  border-radius: 8px;
}
button:hover {
  background-color: #4CAF50;
  color: white;
}

.grid{
    border-radius: 50%;

    display: grid;
    grid-template-columns: auto auto;
    grid-row-gap:0;
    grid-column-gap:0;
    }

  @media screen and (max-width:375px) {
   
    .grid{

    display: grid;
    grid-template-columns: auto ;
    
   
    }
     img {
  width:200px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  
  border-bottom-left-radius: 0px;
}
.two{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

}
 
    
    


@media screen and (max-width:1440px) {
  
   
    
}