*{ box-sizing: border-box; }
body{   margin: 0 ;



}
.wrapper{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr) );
}
section{
  margin: 3px;
  background-color: #c8e3cd;
  padding: 2vmin;
}

figure{
  margin: 5px; 
  margin-top: 4px;
  margin-bottom:4px;

}

@media (min-width: 700px){ 
  .wrapper{row-gap: 80px;}

}

figure img{ 
  width: 100%;
  display: block;
}
header{
  width: 100%;
  max-width: 960px;
  margin: 0 auto 50px auto;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #89af91;
}
header img { width: 100%; }