responsive breakpoints

client/src/styles/styles.css

@@ -17,3 +17,23 @@ body {
 .App > p {
   text-align: center;
 }
+
+/*
+  Extra Small Devices, Phones 
+  @media only screen and (min-width: 480px) {}
+*/
+
+/*
+  Small Devices, Tablets
+  @media only screen and (min-width: 768px) {}
+*/
+
+/*
+  Medium Devices, Desktops
+  @media only screen and (min-width: 992px) {}
+*/
+
+/*
+  Large Devices, Wide Screens
+  @media only screen and (min-width: 1200px) {}
+*/