@media (max-width: 820px) {
  .ingredient-row { grid-template-columns: minmax(0, 1fr) 40px; }
  .ingredient-row .ingredient-name,
  .ingredient-row .ingredient-quantity-wrap,
  .ingredient-row .ingredient-price { grid-column: 1; }
  .ingredient-row .remove-ingredient { grid-column: 2; grid-row: 1 / 4; }
  .ingredient-quantity-wrap { min-width: 0; }
}