@import url(http://fonts.googleapis.com/css?family=Roboto:100,300,400);
.grid {
  display: grid;
  row-gap: 1rem;
}

img {
  width: 100%;
  height: auto;
}

.ingredients {
  display: grid;
  grid-template-columns: min-content min-content auto;
  grid-gap: 0.25rem;
}
.ingredients > * {
  word-wrap: unset;
}
.ingredients > *:nth-child(3n+2) {
  margin-right: 1rem;
}
.ingredients > *:nth-child(3n+1) {
  text-align: right;
}

.mb-1 {
  margin-bottom: 1rem;
}

.mb-2 {
  margin-bottom: 2rem;
}

.mb-3 {
  margin-bottom: 3rem;
}

.mb-4 {
  margin-bottom: 4rem;
}

.mb-5 {
  margin-bottom: 5rem;
}

.tag {
  background-color: cornflowerblue;
  color: rgb(20, 20, 20);
  padding: 0.5rem 0.5rem;
  margin-right: 0.5rem;
  border-radius: 8px;
  font-size: 1.1rem;
  white-space: nowrap;
}

.tags {
  margin-top: 1rem;
  display: inline-flex;
}