codelab-final-state/public/index.css [139:199]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  height: 100%;
  max-height: 100%;
  overflow: hidden;

  grid-template-columns: 50% 50%;
  grid-template-rows: 1fr max-content;
}

.card .content .item-text {
  grid-area: text;
  margin: 8px;

  overflow: hidden;
  text-overflow: ellipsis;
}

.card .content .item-image {
  grid-area: image;
}

.card .content .item-footer {
  grid-area: footer;
  margin: 8px;
}

.card .content .item-image img {
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;

  object-fit: cover;
}

.card .content .title {
  grid-area: title;
  margin: 8px;
}

.card .content .text {
  grid-area: text;
  margin: 8px;
  padding: 0;
}

#modal {
  width: unset;
  max-width: 500px;
}

#modal .mdl-dialog__title {
  font-size: 18pt;
}

#modal .mdl-dialog__content {
  padding: 4px;
}

#modal .mdl-dialog__actions {
  padding: 0;
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -



codelab-initial-state/public/index.css [138:198]:
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
  height: 100%;
  max-height: 100%;
  overflow: hidden;

  grid-template-columns: 50% 50%;
  grid-template-rows: 1fr max-content;
}

.card .content .item-text {
  grid-area: text;
  margin: 8px;

  overflow: hidden;
  text-overflow: ellipsis;
}

.card .content .item-image {
  grid-area: image;
}

.card .content .item-footer {
  grid-area: footer;
  margin: 8px;
}

.card .content .item-image img {
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%;

  object-fit: cover;
}

.card .content .title {
  grid-area: title;
  margin: 8px;
}

.card .content .text {
  grid-area: text;
  margin: 8px;
  padding: 0;
}

#modal {
  width: unset;
  max-width: 500px;
}

#modal .mdl-dialog__title {
  font-size: 18pt;
}

#modal .mdl-dialog__content {
  padding: 4px;
}

#modal .mdl-dialog__actions {
  padding: 0;
}
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -