made the cosmetic changes

praveenreddy1798 · Apr 25, 2022 · 01201a8 · 01201a8
1 parent 2366f60
commit 01201a8
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 7 deletions.
diff --git a/src/meta/play-meta.js b/src/meta/play-meta.js
@@ -121,7 +121,7 @@ export const plays = [
  component: () => { return <ReactTodoApp /> },
  path: '/plays/react-todo-app',
  level: 'Beginner',
- tags: 'ReactHooks, JavaScript, Css, Local Storage',
+ tags: 'ReactHooks, JavaScript, Css, React State',
  github: 'nirban256',
  cover: 'https://cdn.pixabay.com/photo/2016/03/31/19/50/checklist-1295319_960_720.png',
  blog: '',

diff --git a/src/plays/react-todo-app/ReactTodoApp.jsx b/src/plays/react-todo-app/ReactTodoApp.jsx
@@ -49,7 +49,7 @@ function ReactTodoApp(props) {
  <PlayHeader play={play} />
  <div className="play-details-body">
  {/* Your Code Starts Here */}
- <div className="play-body">
+ <div className="todo-play-body">
  <div className="top">
  <h1>Todo List</h1>
  </div>

diff --git a/src/plays/react-todo-app/react-todo.css b/src/plays/react-todo-app/react-todo.css
@@ -1,14 +1,11 @@
-.play-body {
+.todo-play-body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
-}
-
-.play-body {
  background-image: linear-gradient(0deg, rgba(34, 193, 195, 1) 0%, rgba(253, 187, 45, 1) 100%);
  color: white;
  font-family: "Poppins", sans-serif;
- min-height: 100vh;
+ height: 100%;
 }
 
 .top {