How can I load the collection in a horizontal manner?

edit

To load a collection in a horizontal manner, you can use CSS to set the display property to "flex" and the flex-direction property to "row". This will display the items in a row horizontally.

Here is an example code snippet:

HTML:

<div class="collection">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
  <div class="item">Item 4</div>
</div>

CSS:

.collection {
  display: flex;
  flex-direction: row;
}

.item {
  /* styling for each item */
}

In the CSS, the "collection" class is set to display as a flex container with a row direction. The "item" class can be styled as needed for each item in the collection.

Note: You may need to adjust the width of the container and items to fit your desired layout.