at 320 breakpoint, white header seems to float on screen. it should go edge to edge and sit on top of the screen.
At 768+, it should not have any gray space above it.
I'm a n00b at css, but I played around with the code and it seems like commenting out
body {
/* padding: .3em; */
}
and adding padding and margin to:
body {
font-family: Helvetica,Arial,sans-serif;
background: #f3f3f3;
font-size: 1.3em;
padding: 0em;
margin: 0 auto;
}
fulfills this.
Lastly, the white header should always be as wide as the bingo card. It's currently not the case at 320 breakpoint.
at 320 breakpoint, white header seems to float on screen. it should go edge to edge and sit on top of the screen.
At 768+, it should not have any gray space above it.
I'm a n00b at css, but I played around with the code and it seems like commenting out body { /* padding: .3em; */ }
and adding padding and margin to: body { font-family: Helvetica,Arial,sans-serif; background: #f3f3f3; font-size: 1.3em; padding: 0em; margin: 0 auto; }
fulfills this.
Lastly, the white header should always be as wide as the bingo card. It's currently not the case at 320 breakpoint.