Create your Character
- Customize your character's look and style using the - controls below. What sort of adventure will you embark on?{' '} + Customize your character's look and style using the controls below. + What sort of adventure will you embark on?{" "}
diff --git a/src/components/CharacterEditor/CharacterEditor.module.css b/src/components/CharacterEditor/CharacterEditor.module.css
index 441f8a05..6df5d939 100644
--- a/src/components/CharacterEditor/CharacterEditor.module.css
+++ b/src/components/CharacterEditor/CharacterEditor.module.css
@@ -4,10 +4,13 @@
}
.maxWidthWrapper {
+ max-width: 1024px;
+ position: relative;
}
.header {
padding-bottom: 64px;
+ width: 65%;
}
.title {
@@ -24,7 +27,21 @@
}
.characterWrapper {
+ position: fixed;
+ bottom: 5%;
+ left: 60%;
+ top: 12%;
+ min-height: 500px;
}
.controlColumn {
+ width: 50%;
+}
+
+.perspective {
+ position: fixed;
+ top: 60%;
+ height: 40%;
+ width: 100%;
+ background-color: hsl(195deg, 20%, 86%);
}
diff --git a/src/components/Footer/Footer.js b/src/components/Footer/Footer.js
index 3dbb242a..badb618f 100644
--- a/src/components/Footer/Footer.js
+++ b/src/components/Footer/Footer.js
@@ -1,15 +1,16 @@
-import React from 'react';
+import React from "react";
-import styles from './Footer.module.css';
+import styles from "./Footer.module.css";
const Footer = () => {
return (