abtmtr-comms/assets/layout.css

.cakeView {
  margin: 1em 0;
}

.cakeView img {
  float: inline-start;
  object-fit: cover;
  margin-inline-end: 1em;
}

.cakeView p::after {
  clear: both;
  display: block;
  content: "";
}

.compareView {
  margin: 1em 0;
}

.compareView img {
  float: inline-end;
  object-fit: cover;
  margin-inline-end: 1em;
}

.compareView ul::after {
  clear: both;
  display: block;
  content: "";
}

.yesNoListView {
  margin: 1em 0;
}

.yesNoListView img {
  float: inline-end;
  object-fit: cover;
  margin-inline-end: 1em;
}

.yesNoListView ul::after {
  clear: both;
  display: block;
  content: "";
}

.yesNoListView .yesNoListView_Yes {
  list-style-type: "✅ ";
}

.yesNoListView .yesNoListView_No {
  list-style-type: "❌ ";
}

.listView {
  margin: 1em 0;
}

.galleryView ul {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  overflow: auto;
  padding: 0;
  scroll-snap-type: inline mandatory;
  scroll-snap-stop: normal;
}

.galleryView ul li {
  scroll-snap-align: center;
  list-style-type: none;
  text-align: center;
}

.galleryView ul li img {
  max-width: 100%;
  max-height: 500px;
}

.linkView {
  display: grid;
  grid-auto-flow: column;
  padding: 0;
  margin: 1em 0;
}

.linkView li {
  display: inline-block;
  text-align: center;
}

.linkView .ticker {
  opacity: 0.5;
  user-select: none;
}

.satisfiedBox {
  margin: 2rem 0;
  padding-inline-start: 1rem;
}

.satisfiedBox h2::before {
  content: "↗ ";
  margin-inline-start: -1em;
}