From 1e1039accd95cdf0adeef8f6b5566485e874ca30 Mon Sep 17 00:00:00 2001
From: Ben Elferink <ben.elferink@icloud.com>
Date: Wed, 3 Feb 2021 18:19:58 +0200
Subject: [PATCH] responsive breakpoints

---
 client/src/styles/styles.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/client/src/styles/styles.css b/client/src/styles/styles.css
index af61db1..f6b42b0 100644
--- a/client/src/styles/styles.css
+++ b/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) {}
+*/