question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Flex-direction: column with horizontal multi-row view

See original GitHub issue

I’m trying to display a group of slides:

1 5 9 13 17 2 6 10 14 3 7 11 15 4 8 12 16`

By setting the container’s flex-direction to column. However, this seems to break the layout as I get something that looks like:

3 7 11 15 2 4 8 12 16 5 9 13 17 6 10 14 1

When I scroll left. Is there a way to order my items in column order?

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
nolimits4webcommented, Sep 13, 2015

As i see the problem with jQuery, just use 2.x + version of jQuery

0reactions
lock[bot]commented, Jun 26, 2018

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Flex-direction: column with horizontal multi-row view #1417
I'm trying to display a group of slides: 1 5 9 13 17 2 6 10 14 3 7 11 15 4 8...
Read more >
Mastering wrapping of flex items - CSS: Cascading Style Sheets
Flexbox was designed as a single dimensional layout, meaning that it deals with laying out items as a row or as a column...
Read more >
Multirow column with css flexbox - Stack Overflow
It would have been easy using float:left and display block, but i'm using bootstrap 4 which uses flexbox so no support for float...
Read more >
flex-wrap | CSS-Tricks
The flex-wrap property is a sub-property of the Flexible Box Layout Module. It defines whether the flex items are forced in a single...
Read more >
Set flex direction and wrapping - OpenClassrooms
Recap · To add Flexbox capability, use the property display and set it to flex . · Use flex-direction to add elements in...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found