Timeline for Css - Move first <li> element at the end
Current License: CC BY-SA 4.0
7 events
| when toggle format | what | by | license | comment | |
|---|---|---|---|---|---|
| Feb 17, 2020 at 15:31 | vote | accept | C1X | ||
| Feb 17, 2020 at 15:18 | comment | added | caramba | @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 | |
| Feb 17, 2020 at 15:13 | comment | added | Paulie_D | Then a simple addition to your media query on the flex-direction solves the additional requirement. | |
| Feb 17, 2020 at 15:13 | comment | added | caramba | @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 | |
| Feb 17, 2020 at 15:08 | comment | added | C1X | @Paulie_D correct, i have edited the question | |
| Feb 17, 2020 at 14:54 | comment | added | C1X | 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. | |
| Feb 17, 2020 at 14:34 | history | answered | caramba | CC BY-SA 4.0 |