Can I have more than 4 horizontal tiles in an inline list using CSS? Need something like this in the screenshot. Ignore the lines above. I just want 8 tiles to display in one row
Follow this thread to get to a copyable app where I do this in the second tab of the app. Eight tiles gets pretty tight, but should still be possible.
the main trick to get more tiles, or cards in my case, is to use the horizontal orientation. Then you set the number of items to view, to a large number to hide the āSee Allā button. In the CSS, you need to then override the repeat attribute to a smaller number, which will be the number of items displayed width wise. It should auto wrap the rest of the cards so it will appear like a list with a vertical orientation
You can also try this @Hassan_Nadeem
Nevermindā¦figured it out
[Screen Shot 2021-04-19 at 9.32.17 PM]
<pre><span><style>
.tile-inner {
width: 80px;
}
.inner {
grid-template-columns: repeat(5, 40px) !important;
}