diff --git a/src/App.js b/src/App.js
index 9db1c9a..3062262 100644
--- a/src/App.js
+++ b/src/App.js
@@ -6,8 +6,6 @@ import { useState, useEffect } from "react"
 import {
   getFirestore,
   collection,
-  query,
-  where,
   getDoc,
   getDocs,
   doc
diff --git a/src/pages/Contact.js b/src/pages/Contact.js
index fb12680..3ab0631 100644
--- a/src/pages/Contact.js
+++ b/src/pages/Contact.js
@@ -1,4 +1,4 @@
-// import required component
+// TO DO: Create Contact page with contact form
 
 
 
diff --git a/src/pages/Detail.js b/src/pages/Detail.js
index 63ab1aa..72e1106 100644
--- a/src/pages/Detail.js
+++ b/src/pages/Detail.js
@@ -1,11 +1,11 @@
+// import required modules
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
-import Form from 'react-bootstrap/Form';
 import Container from "react-bootstrap/Container";
 import { useState, useEffect } from 'react';
 import { useParams } from 'react-router-dom';
 import { ItemImage } from '../components/ItemImage';
-import Button from 'react-bootstrap/Button';
+
 
 export function Detail(props) {
     const [artworkData, setArtworkData] = useState()
@@ -19,6 +19,8 @@ export function Detail(props) {
     }, [id])
 
 
+    // Container to show information and artwork itself
+
     if (artworkData) {
         return (
             <Container>
diff --git a/src/pages/Gallery.js b/src/pages/Gallery.js
index 8e25189..d51bc82 100644
--- a/src/pages/Gallery.js
+++ b/src/pages/Gallery.js
@@ -31,6 +31,8 @@ export function Gallery(props) {
       )
     })
   
+
+    // Container to show artworks in gallery like format.
     return (
       <Container>
         <Row>