diff --git a/Components/AutoSpacing.js b/Components/AutoSpacing.js
index 2617949..e90da58 100644
--- a/Components/AutoSpacing.js
+++ b/Components/AutoSpacing.js
@@ -1,7 +1,7 @@
-import { Component } from "react";
+import react, { Component } from "react";
 import Styles from '../styles/autospacing.module.css';
 
-class CardRow extends Component {
+class AutoSpacing extends Component {
 	constructor(props) {
 		super(props);
 	}
@@ -11,7 +11,7 @@
 		return (
             <div className={Styles.container}>
 				{
-					this.props.elements.map((item, index) => {
+					react.Children.toArray(this.props.children).map((item, index) => {
 						return <div className={Styles.item} key={index}>{item}</div>
 					})
 				}
@@ -20,4 +20,4 @@
 	}
 }
 
-export default CardRow;
\ No newline at end of file
+export default AutoSpacing;
\ No newline at end of file
diff --git a/Components/Card.js b/Components/Card.js
index e8442de..c218093 100644
--- a/Components/Card.js
+++ b/Components/Card.js
@@ -12,10 +12,10 @@
                 backgroundImage:`linear-gradient(69.44deg, #${this.props.gradient[0]} 0%, #${this.props.gradient[1]} 100%)`,
                 margin: "0"
             }}>
-                <img className={Styles.backgroundImage} src={`/Waves/${this.props.wave}.svg`} />
+                <img alt="" className={Styles.backgroundImage} src={`/Waves/${this.props.wave}.svg`} />
                 <div className={Styles.panel}>
                     <div className={Styles.titleContainer}>
-                        <img className={Styles.image} src={"/Icons/" + this.props.wave + ".svg"} />
+                        <img alt="Project icon" className={Styles.image} src={"/Icons/" + this.props.wave + ".svg"} />
                         <h1 className={Styles.title}>{this.props.title}</h1>
                     </div>
                     <p className={Styles.subtext}>{this.props.subtext}</p>
@@ -27,7 +27,8 @@
                                     className={Styles.button}
                                     style={{backgroundColor:`#${button.color}`, color:`#${this.props.buttonText}`}}
                                     href={button.link}
-                                    target={button.newTab ? "_blank" : undefined}>{button.text}
+                                    target={button.newTab ? "_blank" : undefined}
+                                    rel="noreferror">{button.text}
                                 </a>
                             }) : null
                         }
diff --git a/Components/CardRow.js b/Components/CardRow.js
index d742944..77eb815 100644
--- a/Components/CardRow.js
+++ b/Components/CardRow.js
@@ -1,4 +1,4 @@
-import { Component } from "react";
+import react, { Component } from "react";
 import Styles from '../styles/cardrow.module.css';
 
 class CardRow extends Component {
@@ -11,7 +11,7 @@
 		return (
             <div className={Styles.container}>
 				{
-					this.props.tiles.map((item, index) => {
+					react.Children.toArray(this.props.children).map((item, index) => {
 						return <div className={Styles.item} key={index}>{item}</div>
 					})
 				}
diff --git a/Components/Header.js b/Components/Header.js
index 4a20a4b..e7f9fc5 100644
--- a/Components/Header.js
+++ b/Components/Header.js
@@ -13,7 +13,7 @@
                 backgroundImage:`linear-gradient(69.44deg, #${this.props.gradient[0]} 0%, #${this.props.gradient[1]} 100%)`,
                 margin: "0"
             }} id={this.props.id ? this.props.id : null}>
-                <img className={Styles.backgroundImage} src={`/Headers/${this.props.wave}.svg`} />
+                <img alt="" className={Styles.backgroundImage} src={`/Headers/${this.props.wave}.svg`} />
                 <div className={Styles.panel}>
                     <div className={Styles.titleContainer}>
                         <h1 className={Styles.title}>{this.props.name}</h1>
@@ -27,7 +27,8 @@
                                     className={Styles.button}
                                     style={{backgroundColor:`#${button.color}`, color:`#${button.buttonText}`}}
                                     href={button.link}
-                                    target={button.target ? "_blank" : null}>
+                                    target={button.target ? "_blank" : null}
+                                    rel="noreferror">
                                         {button.text}
                                 </a>
                             }) : null
@@ -35,7 +36,7 @@
                     </div>
                 </div>
                 <span className={Styles.arrowSpan + " " + (this.props.hideArrow ? Styles.arrowHidden : null)}>
-                    <a href="#start"><img src="/Arrow.svg" className={Styles.arrow} /></a>
+                    <a href="#start"><img alt="Down arrow" src="/Arrow.svg" className={Styles.arrow} /></a>
                 </span>
             </div>
 		)
diff --git a/Components/NavBar.js b/Components/NavBar.js
index a55c15e..23ad2be 100644
--- a/Components/NavBar.js
+++ b/Components/NavBar.js
@@ -62,16 +62,16 @@
             <>
                 <div ref={this.hoverSensor} className={this.isTouchDevice ? (Styles.container + " " + (this.state.isOpen ? Styles.containerOpen : null)) : Styles.containerDesktop + " " + Styles.container}>
                     <div className={Styles.group}>
-                        <img className={Styles.headerIcon} src="/Icons/CMP.svg" onClick={() => {this.onClick()}}/>
-                        <a href="/#"><img className={Styles.icon} src="/Icons/Homepage.svg"/></a>
-                        <a href="/gps#"><img className={Styles.icon} src="/Icons/GS.svg"/></a>
-                        <a href="/rsm#"><img className={Styles.icon} src="/Icons/RM.svg"/></a>
-                        <a href="/clicksforms#"><img className={Styles.icon} src="/Icons/CF.svg"/></a>
+                        <img alt="CMP" className={Styles.headerIcon} src="/Icons/CMP.svg" onClick={() => {this.onClick()}}/>
+                        <a href="/#"><img alt="Home" className={Styles.icon} src="/Icons/Homepage.svg"/></a>
+                        <a href="/gps#"><img alt="GPS" className={Styles.icon} src="/Icons/GS.svg"/></a>
+                        <a href="/rsm#"><img alt="RSM" className={Styles.icon} src="/Icons/RM.svg"/></a>
+                        <a href="/clicksforms#"><img alt="ClicksForms" className={Styles.icon} src="/Icons/CF.svg"/></a>
                         {/* <a href="/castaway#"><img className={Styles.icon} src="/Icons/CA.svg"/></a> */}
                         {/* <a href="https://clcks.dev"><img className={Styles.icon} src="/Icons/CL.svg"/></a> */}
                     </div>
                     <div className={Styles.group}>
-                        <a href="/#"><img className={Styles.icon} src="/Icons/CMP.svg"/></a>
+                        <a href="/#"><img alt="Theme" className={Styles.icon} src="/Icons/CMP.svg"/></a>
                     </div>
                 </div>
             </>
diff --git a/Components/SectionHeading.js b/Components/SectionHeading.js
index 0362f81..3e417bf 100644
--- a/Components/SectionHeading.js
+++ b/Components/SectionHeading.js
@@ -1,7 +1,7 @@
 import { Component } from "react";
 import Styles from '../styles/sectionheading.module.css';
 
-class CardRow extends Component {
+class SectionHeading extends Component {
 	constructor(props) {
 		super(props);
 	}
@@ -14,4 +14,4 @@
 	}
 }
 
-export default CardRow;
\ No newline at end of file
+export default SectionHeading;
\ No newline at end of file
diff --git a/Components/TileRow.js b/Components/TileRow.js
index c196cfe..408a18a 100644
--- a/Components/TileRow.js
+++ b/Components/TileRow.js
@@ -1,7 +1,7 @@
-import { Component } from "react";
+import react, { Component } from "react";
 import Styles from '../styles/tilerow.module.css';
 
-class CardRow extends Component {
+class TileRow extends Component {
 	constructor(props) {
 		super(props);
 	}
@@ -11,7 +11,7 @@
 		return (
             <div className={Styles.container}>
 				{
-					this.props.tiles.map((item, index) => {
+					react.Children.toArray(this.props.children).map((item, index) => {
 						return <div className={Styles.item} key={index}>{item}</div>
 					})
 				}
@@ -20,4 +20,4 @@
 	}
 }
 
-export default CardRow;
\ No newline at end of file
+export default TileRow;
\ No newline at end of file