diff --git a/examples/basics/static/css/custom.css b/examples/basics/static/css/custom.css
index 5980d75957..220c1dde7d 100644
--- a/examples/basics/static/css/custom.css
+++ b/examples/basics/static/css/custom.css
@@ -1,5 +1,16 @@
 /* your custom css */
 
-* {
-	border: 1px solid red;
+@media only screen and (min-device-width: 360px) and (max-device-width: 736px) {
+}
+
+@media only screen and (min-width: 1024px) {
+}
+
+@media only screen and (max-width: 1023px) {
+}
+
+@media only screen and (min-width: 1400px) {
+}
+
+@media only screen and (min-width: 1500px) {
 }
\ No newline at end of file
diff --git a/website/siteConfig.js b/website/siteConfig.js
index 3cd3086139..4b18ce23db 100644
--- a/website/siteConfig.js
+++ b/website/siteConfig.js
@@ -58,7 +58,7 @@ const siteConfig = {
     apiKey: "3eb9507824b8be89e7a199ecaa1a9d2c",
     indexName: "docusaurus"
   },
-  // customCssFileName: "custom.css", //the name of your custom css file
+  customCssFileName: "custom.css", //the name of your custom css file
   colors: {
     primaryColor: "#2E8555",
     secondaryColor: "#205C3B",
diff --git a/website/static/css/custom.css b/website/static/css/custom.css
new file mode 100644
index 0000000000..e69de29bb2