CSS Tweaks

[rdohms]

Currently when doing the raffle on-screen we use the browser zoom to reduce the size of the icons and fit everything on the page.

It would be ideal if the CSS would adjust everything according to the screen size: thumb size, logo size and winner image/text size.

[rdohms]

This is what the pages look like when properly zoomed out.

[shaggy8871]

This got me the same outcome on page 1. Sorry it's not in SCSS, don't have the time to play :)

.checkins {
width: 70%;
margin: 0 auto;
}
.checkins .checkin {
width: 8%;
height: 60px;
margin: 0 0.5em 1em 0;
}