not final product

Jblack017 · Apr 23, 2021 · 91b9f50 · 91b9f50
1 parent 182271f
commit 91b9f50
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 9 deletions.
diff --git a/public/index.html b/public/index.html
@@ -25,7 +25,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>Munchie Decider 5000</title>
+    <title>Snack Attack</title>
   </head>
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/App.css b/src/App.css
@@ -1,5 +1,13 @@
 /* steven messed around here */
 
+.title{
+  grid-column-start: 3;
+  grid-column-end: 3;
+  grid-row-start: 2;
+  grid-row-end: 2;
+  height: 300px;
+  width: 300px;
+}
 .trigger-button {
   display: inline-block;
   border-radius: 4px;
@@ -26,8 +34,7 @@
 }
 
 .drop-down-label {
-  background-color: #35836d;
-  opacity: 0.9;
+  font-size: 25px;
 }
 /* to hereeeeeeeeeeeeeeee */
 

diff --git a/src/App.js b/src/App.js
@@ -87,6 +87,7 @@ export default class App extends Component {
           toggle={this.state.toggle}
           addNewSnack={this.addNewSnack}
         />
+        <h2 className="title">Snack Attack</h2>
         {!this.state.toggle ? (
           <DeciderBox
             foodCart={this.state.foodCart}

diff --git a/src/containers/Header.js b/src/containers/Header.js
@@ -19,12 +19,8 @@ export default function Header(props) {
 
   return (
     <div className='header'>
-      <p>
-        {props.toggle ? (
-          <span className='toggle-header'>Munchies Options</span>
-        ) : (
-          <span className='toggle-header'>Chosen Munchies</span>
-        )}
+      <p>SnackAttack
+
       </p>
       <button className='button' onClick={props.toggleState}>
         <span>{!props.toggle ? "Munchies Options" : "Chosen Munchies"}</span>