Nth tester: Why are the numbers aligned in columns and not rows?

Isn’t this site set up the wrong way?
http://www.topdesignagencies.com/nth-test/

The numbers should go:

1 2 3 4 5
6 7 8 9 10

Instead of:

1 3 5 7 9
2 4 6 8 10

For example:

.wrape .wrapper li:nth-of-type(n+11) a {
  margin: 0 4px 0 0;
  background:green;
}

Is the bottom 5:

image

Yet on here: The numbers are shown in columns, not rows, how come?
If they were to be shown in rows, then the bottom 5 here would be highlighted.

You have set the number of columns to be 5 in that n-tester. That just puts the results into columns and nothing to do with css.

The last 5 are targeted as expected.

I think maybe you thought that the columns mentioned had something to do with CSS but they don’t. It’s just a different way of displaying the results on the test.

1 Like

It just makes things confusing when you’re thinking certain blocks in a certain order should be highlighted visually, and they look out of order. But then you see the numbers aligned in columns and then you have to readjust the way they should look visually in rows as opposed to columns.

Then just don’t change the column view. Its set to 1 by default.:slight_smile:

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.