fixes #2 fixes #5 fixes #9 fixes #28 fixes #30

pages/css/index.vue

@@ -13,6 +13,11 @@ export default {
   data() {
     return {
       resources: [
+        {
+          title: 'CSS Grid Generator',
+          desc: 'Visually create your css grid and export the code.',
+          url: 'https://cssgrid-generator.netlify.com/'
+        },
         {
           title: 'Keyframes Editor',
           desc: 'An insanely simple way to create CSS animations',
@@ -83,6 +88,21 @@ export default {
           desc: 'A collection of tips to help take your CSS skills pro.',
           url: 'https://github.com/AllThingsSmitty/css-protips#readme'
         },
+        {
+          title: 'Flexbox Defense',
+          desc: 'Your job is to stop the incoming enemies from getting past your defenses. Unlike other tower defense games, you must position your towers using CSS!',
+          url: 'http://www.flexboxdefense.com/'
+        },
+        {
+          title: 'CSS Diner',
+          desc: 'Learn CSS selectors while playing a game.',
+          url: 'https://flukeout.github.io/'
+        },
+        {
+          title: 'CSS Animation',
+          desc: 'CSS animation articles, tips and tutorials. Level Up Your CSS Animation Skills.',
+          url: 'https://cssanimation.rocks/'
+        },
       ]
     }
   },