minor changes

src/App.js

@@ -75,8 +75,6 @@ function App() {
 
         <TodoForm onSubmit={addTodo} />
 
-        <h4 style={{ textAlign: 'center', marginBottom: '10px' }}>Completed Todos</h4>
-
         <CompletedTodos todos={todos}
           completeTodo={completeTodo}
           removeTodo={removeTodo} />

src/components/TodoForm.js

@@ -32,6 +32,8 @@ function TodoForm(props) {
           <button className="btn" onClick={Submit}>Submit</button>
         </div>
       </form>
+      
+      <h4 style={{ textAlign: 'center', marginBottom: '10px' }}>Completed Todos</h4>
     </>
   );
 

src/components/TodoItem.js

@@ -7,7 +7,7 @@ const TodoItem = () => {
       <div className="task-body-content">
         <div style={{ display: 'flex' }}>
           <div style={{ margin: '2px 4px 0px 0px' }}>
-            <input type='checkbox' checked={false}></input>
+            <input type='checkbox' defaultChecked={false}></input>
           </div>
           <div>Item 1</div>
         </div>