Skip to main content

You are not logged in. Your edit will be placed in a queue until it is peer reviewed.

We welcome edits that make the post easier to understand and more valuable for readers. Because community members review edits, please try to make the post substantially better than how you found it, for example, by fixing grammar or adding additional resources and hyperlinks.

5
  • it is a good solution but in UI this is an horizontal list.. and with your solution it transforms it in a vertical list. If i try to set flex-direction: row it works but in the Mobile view ( with a responsive view ) it keeps the list horizontally ruining the whole layout.
    – C1X
    Commented Feb 17, 2020 at 14:54
  • @Paulie_D correct, i have edited the question
    – C1X
    Commented Feb 17, 2020 at 15:08
  • @C1X please add the relevant part on how you made the list horizontal also to the question. There are different ways, otherwise it will again just work for the assumption I have to take
    – caramba
    Commented Feb 17, 2020 at 15:13
  • Then a simple addition to your media query on the flex-direction solves the additional requirement.
    – Paulie_D
    Commented Feb 17, 2020 at 15:13
  • @C1X see here jsfiddle.net/suq5nj9e you can resize the view part and see it change from horizontal to vertical, first-child always at the end
    – caramba
    Commented Feb 17, 2020 at 15:18