Removing the first and last item of a reorder list for grid layout

In the reorder list component, when you don’t use a header & footer, the div’s are still being created. I’m using custom css to put the layout in a grid, however this causes those divs to take up space. Is there a way to turn this off?

Also, how can you easily target the first-child and last-child from within the css editor of that element?

Thanks!

Anyone? @Agustin_Carozo ?

Hi Niels :waving_hand:

Our native reorder list element has some simplified options to get you started quickly.

If you want to modify it the way you intend, you will need to fork it and modify it with custom code or with help from our AI.

You can see some community members trying to do that here: