Tiles memory game

Author: guioconnor

src/module/default-theme.css

@@ -18,6 +18,7 @@
   color: #333;
   border-radius: 10px;
   box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
+  overflow: hidden;
 }
 
 .memory-game--memory-card__closed {}

src/views/Dashboard.jsx

@@ -7,6 +7,7 @@ import birdsCards from '../cardSets/birds';
 import arithmeticCards from '../cardSets/arithmetic';
 import emojiCards from '../cardSets/emoji';
 import lettersCards from '../cardSets/letters';
+import tilesCards from '../cardSets/tiles';
 
 const cardSets = {
   BIRDS_CARDS: {
@@ -25,6 +26,10 @@ const cardSets = {
     label: 'Letters cards',
     component: lettersCards,
   },
+  TILES_CARDS: {
+    label: 'Tiles cards',
+    component: tilesCards,
+  },
 };
 
 const getOptions = collection =>
@@ -48,17 +53,17 @@ class Dashboard extends Component {
     const cardSet = cardSets[selectedCardSet.value].component;
     return (
       <div>
-        <MemoryGame cards={cardSet} glimpse={2500}>
-          <MemoryGame.Board />
-          <MemoryGame.Reset />
-          <MemoryGame.MovesCounter />
-          <MemoryGame.PairsFoundCounter />
-        </MemoryGame>
         <CardsSelector
           options={getOptions(cardSets)}
           onChange={this.handleSelectCardset}
           value={selectedCardSet}
         />
+        <MemoryGame cards={cardSet} glimpse={2500}>
+          <MemoryGame.Reset />
+          <MemoryGame.MovesCounter />
+          <MemoryGame.PairsFoundCounter />
+          <MemoryGame.Board />
+        </MemoryGame>
       </div>
     );
   }