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-template-columns: 1fr;
  /* 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;
}

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

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