HomeCSSflexbox - CSS: Find out how to add a horizontale line between...

flexbox – CSS: Find out how to add a horizontale line between the list-items rows and alter the order of the objects

August 29, 2023

134

I want to attain the next with CSS.

I’ve a listing of 10 objects.

On cellular it wants 2 columns and under order of the objects. Additionally it wants a horizontale line between the rows.

On desktop it wants 1 column and in addition a horizontal line between the rows.

Cellular:

1    6
---------------  
2    7
---------------
3    8
---------------
4    9
---------------
5    10

Desktop:

1
---------------
2
---------------
3
---------------
5
---------------
6
---------------
7
---------------
8
---------------
9
---------------
10

What’s the finest and cleanest method (utilizing css grid, order, flex field)?