21

Update (2014):

The Winter Bash 2014 site has the same problem as the site last year.

Screenshot:

Winterbash 2014 Misalignment

What’s the problem?

This CSS rule declaration targets only the 5th element in there:

.box:nth-child(5) {
    margin-right: 0;
}

Instead, the margin of every 5th box should be removed:

.box:nth-child(5n+1) {
    margin-right: 0;
}

Last years question:

On the Winter Bash 2013 site, the box for Ho Ho Ho has its margin-right reset. Therefor the Do the Swim! is not aligned to the right, like the other boxes are.

Winter Bash 2013:

Winterbash 2013 Misalignment

  • I see it just fine. What browser/OS do you use? Can you post a screenshot of how it looks? – Amal Murali Dec 30 '13 at 12:55
  • Seem just fine here. What browser/OS you have? – Shadow The Princess Wizard Dec 30 '13 at 12:56
  • 3
    @AmalMurali Its hard to notice, but the discrepancy is there, even in your picture. – The Guy with The Hat Dec 30 '13 at 13:00
  • 2
    Just hit the dev tools and check the Ho Ho Ho box, the applied css rule is there. This will be there, no matter what browser you're using (if it supports nth-child). Thanks to Lance Roberts, he made a screenshot. You can see it. – kleinfreund Dec 30 '13 at 13:03
  • 1
    Unless they serve different stylesheet for different browsers. I see it too (Chrome and IE11, Win8.1). – 3ventic Dec 30 '13 at 13:05
  • @3ventic Well, that's right. I've checked in latest Firefox and IE, same thing there. – kleinfreund Dec 30 '13 at 13:06
  • 1
    On almost all the boxes for the hats, (ha, hatboxes), the left margin is 0 and the right margin is 12. On the "Ho Ho Ho" box, both margins are 0. – The Guy with The Hat Dec 30 '13 at 13:10
  • 1
    Well, this will be nullified anyway in couple of days so guess it's not worth the time to fix it. :/ – Shadow The Princess Wizard Jan 1 '14 at 9:39
  • @ShadowWizard The fix is super easy (see my question). Assuming this or a similar layout will be used next year, why not fix it now? – kleinfreund Jan 1 '14 at 9:41
  • 1
    @kleinfreund fixing production code requires more time than just replacing code... consider just the time to make sure it doesn't break anything else. The design this year is totally different from last year so most likely next year it will also be different. All in all, meh. :) – Shadow The Princess Wizard Jan 1 '14 at 9:44
  • @ShadowWizard Well, it's okay. Should've noticed it earlier. ;) Appart from that: Changing the CSS rule as suggesting won't break anything on that page. Some CSS wizard can confirm this. :p – kleinfreund Jan 1 '14 at 9:47
  • 1
    @kleinfreund well, too bad I'm just a Shadow wizard not CSS wizard. :D – Shadow The Princess Wizard Jan 1 '14 at 9:52
  • 3
    Voted to reopen. – Shadow The Princess Wizard Dec 17 '14 at 9:47

You must log in to answer this question.

Browse other questions tagged .