Connections React Game: Words listed should be in a grid

[tati-guzman]

Summary of Issue

In the Connections React Game the buttons appear in a vertical list because they lack styling. They should appear in a four by four grid.

Where was the problem found?

May be best tackled in the App CSS file

Type of Problem

Styling: This is a CSS heavy issue.

Suggested Solution

There may be several ways to approach this: create containers for each group of buttons (Right now the buttons always show up in the same order. The ideal lay out would be Row 1: Buttons 1 - 4, Row 2: Buttons 5 - 8.) Style the container to show the buttons horizontally.

Another approach could be to add a grid and place each button in a grid box. The only caveat is that the submit button should still be underneath all the buttons (ideally centered)