finalized responsive layout of punchcard