In-reply-to » @darch I'm thinking we should do someyhing about the filters so that the screen real estate is not so used up? Media -- Like maybe hide them behind something so they don't always take up the space? 🤔

@darch@neotxt.dk Yeah, I’ve done it before with flexbox like this in my project:

.ScollingContainer {
    display: flex;
    padding: .5em 2em; /* to your liking*/
    gap: 1em; /* the gap between the elements */
    overflow: auto;  /* make it scrollable */
}

Keep in mind that this approach (or the one in the link you found) needs the container to be as wide as the screen if you want is to look nice and not crop on the sides.

The container should be outside any container with the content pushed inside by the same amount as the container, at least on the left.

⤋ Read More