header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header h1 {
  justify-self: center;
}
@media (max-width: 600px) {
  header h1 {
    font-size: 1.25rem;
  }
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#inputDiv {
  width: 75%;
  display: grid;
  grid-template-columns: auto auto auto;
  column-gap: 5px;
}

main section {
  width: 75%;
}

li div {
  display: flex;
  justify-content: space-between;
}
.completed{
  text-decoration: line-through;
}
/* 
#shoppingList {
  width: 75%;
  margin: auto;
  margin-top: 20px;
  display : grid;
  grid-template-columns:  auto auto auto;
  column-gap: 10px;
} */


.vanish {
  display: none;
}