diff --git a/src/common/MenuLayout.js b/src/common/MenuLayout.js
index 253a4cdd..f0f6cdff 100644
--- a/src/common/MenuLayout.js
+++ b/src/common/MenuLayout.js
@@ -9,9 +9,10 @@ export default function MenuLayout() {
-
diff --git a/src/servers/CreateServer.js b/src/servers/CreateServer.js
index ecf5da64..bdc98240 100644
--- a/src/servers/CreateServer.js
+++ b/src/servers/CreateServer.js
@@ -1,7 +1,41 @@
import React from 'react';
+import { connect } from 'react-redux';
+
+import './CreateServer.scss';
+
+export const CreateServer = () => {
+ const submit = e => e.preventDefault();
-export default () => {
return (
- Create server
+
);
};
+
+export default connect()(CreateServer);
diff --git a/src/servers/CreateServer.scss b/src/servers/CreateServer.scss
new file mode 100644
index 00000000..8f9ef042
--- /dev/null
+++ b/src/servers/CreateServer.scss
@@ -0,0 +1,11 @@
+@import "../utils/base";
+
+.create-server {
+ padding: 40px 20px;
+}
+
+.create-server__label {
+ @media (min-width: $mdMin) {
+ text-align: right;
+ }
+}
diff --git a/src/utils/base.scss b/src/utils/base.scss
index 551c41a2..e867449d 100644
--- a/src/utils/base.scss
+++ b/src/utils/base.scss
@@ -1,4 +1,14 @@
+// Breakpoints
+$xsMax: 575px;
+$smMin: 576px;
+$smMax: 577px;
+$mdMin: 768px;
+$mdMax: 991px;
+$lgMin: 992px;
+$lgMax: 1199px;
+$xlgMin: 1200px;
+
// Colors
$mainColor: #4696e5;