.filters{
  display:flex;
  gap:10px;
  flex-wrap: nowrap;
}
.grid__select{
  display:flex;
  flex-direction:column;
  width:20%;
  gap:5px;
}
.grid__select select{
    padding: 8px;
    display: flex;
    border-radius: 6px;
      border: 1px solid #ccc;
}
.grid{
  margin-top:20px;
  margin-left:-10px;
  margin-right:-10px;
}
.grid__item{
  width: calc(calc(100% / 3) - 20px);
  transition: all .3s ease-in-out;
  display:inline-block;
  float:left;
  margin:10px;
  border: 1px solid #ccc;
  border-radius: 6px;
}
.grid__item_image{
  height:250px;
}
.grid__item_image img{
  width:100%;
  height:100%;
  object-fit: contain;
  object-position: center;
}
.grid__item_name{
  display:flex;
  font-weight:bold;
  margin:10px 0;
}
.grid__item_content{
  padding:15px;
  display: flex;
  flex-direction: column;
}
.grid__item_description{
  padding-bottom:10px;
}
.grid__item_a{
  display: block;
    margin-top: auto;
    width: fit-content;
}

@media (max-width: 767px) {
  .grid__item{
  width: calc(calc(100% / 1) - 20px);
  }
  .filters {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .grid__select{
    width:calc(50% - 10px);
}