Added classes page

src/stylesheets/components/_class.scss

@@ -0,0 +1,12 @@
+.classes__class {
+	transition: background .25s, color .25s;
+	position: relative;
+	min-height: 10rem;
+	border-top: 10px solid $primary-colour;
+
+	@include on-event() {
+		cursor: pointer;
+		background-color: $primary-colour;
+		color: white;
+	}
+}

src/stylesheets/main.scss

@@ -18,6 +18,8 @@
 @import 'components/adminNav';
 @import 'components/adminNavItem';
 @import 'components/admin';
+@import 'components/class';
 
 @import 'pages/index';
 @import 'pages/dashboard';
+@import 'pages/classes';

src/stylesheets/pages/_classes.scss

@@ -0,0 +1,14 @@
+.classes {
+	display: grid;
+	column-gap: 1rem;
+	row-gap: 1.5rem;
+	margin-top: 1rem;
+
+	@include respond-to('medium') {
+		grid-template-columns: repeat(2, 1fr);
+	}
+
+	@include respond-to('large') {
+		grid-template-columns: repeat(3, 1fr);
+	}
+}