.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; }