Dev

.env

@@ -1 +1 @@
-BASENAME=/rebwill.github.io/
+BASENAME=

.gitignore

@@ -59,4 +59,6 @@ public/
 !.gitpod.yml
 !.htaccess
 !.eslintrc
-!.env
+!.env
+# Local Netlify folder
+.netlify

README.md

@@ -1,32 +1,55 @@
+## rebwill.github.io
+
+## GIT PUSH INSTRUCTIONS
+
+git push origin dev
+
+## DEPLOY INSTRUCTIONS
+
+1. npm run build
+2. npm run deploy
+
+---
+
+## 4Geeks instructions
+
 # WebApp boilerplate with React and Cloud 9
+
 # this is what react-hello-webapp deploys here
 
 [![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg)](https://gitpod.io#https://github.com/4GeeksAcademy/react-hello-webapp.git)
 
 ### Requirements:
+
 - Make sure you are using node version 8
 
 ##### Install the packages:
+
 ```
 $ npm install
 ```
 
 ## Start coding!
 
 Start the webpack server with live reload:
+
 - `$ npm run start` for windows, mac, linux or Gitpod.
 - `$ npm run c9` for Cloud 9 Users.
 
 ### Styles
+
 You can update the `styles/index.scss` or create new `.scss` files inside `styles/` and import them into your current scss or js files depending on your needs.
 
 ### Components
+
 Add more files into your `./src/js/components` or styles folder as you need them and import them into your current files as needed.
 
 ### Views (Components)
+
 Add more files into your `./src/js/views` and import them in `./src/js/layout.jsx`.
 
 ### Context
+
 This boilerplate comes with a centralized general Context API. The file `./src/js/store/flux.js` has a base structure for the store, we encourage you to change it and adapt it to your needs.
 
 React Context [docs](https://reactjs.org/docs/context.html)
@@ -37,7 +60,9 @@ The `Context.Provider` is already set, you can use the `Context.Consumer` to get
 
 This boilerplate is 100% compatible with the free github pages hosting.
 To publish your website you need to push your code to your github repository and run the following command after:
+
 ```sh
 $ npm run deploy
 ```
+
 Note: You will need to [configure github pages for the branch gh-pages](https://help.github.com/articles/configuring-a-publishing-source-for-github-pages/#enabling-github-pages-to-publish-your-site-from-master-or-gh-pages)

docs/src/js/layout.js

@@ -22,7 +22,7 @@ export class Layout extends React.Component {
 		const basename = process.env.BASENAME || "";
 
 		return (
-			<div className="d-flex flex-column h-100">
+			<div className="d-flex flex-column h-100 top-div-layout">
 				<BrowserRouter basename={basename}>
 					<ScrollToTop>
 						<Switch>

docs/src/styles/index.scss

@@ -1,14 +1,22 @@
 /*
     General Styles
 */
+.html-tag {
+    width: 100%;
+}
 body {
     font-family: 'Roboto', sans-serif;
+    width: 100vw;
 }
 h1 {
     font-size: 3rem;
     font-weight: bold;
 }
 
+.top-div-layout {
+    width: 100vw;
+}
+
 /* -------------- Navbar ------------- */
 .navbar-transparent{
     background-color: transparent;