allfruits.css

#fruitsdiv{
  margin: auto;
  width: 95%;
  height: auto;
  /* border: 2px solid black; */
  display: grid;
  grid-template-columns: repeat(3,1fr);
  grid-template-rows: repeat(auto,auto);
  gap: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
#fruitsdiv>div>img{
  width: 100%;
  border-radius: 20px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

}
#fruitsdiv>div>button{
  background-color:#437111 ;
  color: #ebf0e6;
  width: 99%;
  height: 50px;
  font-size: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
#fruitsdiv>div{
  display: flex;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  align-items: center;
  align-content: center;
  
}