@media (min-width:320px) and (max-width:400px) {
body {
  font-family: 'Quicksand', serif;
  background-color: #f7f7f7;
  margin: 0;
  
}
main {
  padding: 2rem 0;
}
h1 {text-align: center;}

section{
}
.price1 {
  background-color: rgb(243, 243, 243);
  padding: 10px 5px;
  margin-bottom: 10px;
}
.tulisan {
  font-size: 0.8rem;
  margin: auto;
  max-width: none;
  width: none;
padding: 10px 15px;
background-color: rgb(255, 255, 255);
display:flex;
justify-content: space-between;
margin-bottom: 5px;
}

.tulisan span:nth-child(2){
  color: #4b9fd6;
  text-align: right;
}
.grupgambar {
  display:grid;
  place-items:center;
   grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 3px;
    margin: 0 auto;
    padding: 0;
  max-width: 370px;
  width:100%;
  background-color: ;
}

.grupgambar img {
  max-width: 122px;
  width: 100%;
  max-height: 122px;
  height: 100%;
  object-fit: cover;
}
}