Add dedicated view for mobile devices

src/components/pages/Timeline/components/TimelineMobile/index.tsx

+import React from "react";
+import styles from "./style.module.scss";
+import TermSwitcher from "../TermSwitcher";
+import { Term, Module } from "constants/types";
+import Container from "react-bootstrap/esm/Container";
+import classNames from "classnames";
+import ModuleHeading from "../ModuleHeading";
+import MyBreadcrumbs from "components/atoms/MyBreadcrumbs";
+
+export interface Props {
+  modulesList: Module[];
+  term: Term;
+  setTerm: React.Dispatch<React.SetStateAction<Term>>;
+}
+
+const TimelineMobile: React.FC<Props> = ({ modulesList, term, setTerm }) => {
+  return (
+    <Container className={classNames("pageContainer")}>
+			<MyBreadcrumbs/>
+      <TermSwitcher term={term} setTerm={setTerm} />
+      {modulesList.map(({ code, title }) => (
+        <ModuleHeading
+          moduleCode={code}
+          key={code}
+          style={{ marginTop: "1.25rem" }}
+          title={title}
+        />
+      ))}
+    </Container>
+  );
+};
+
+export default TimelineMobile;

src/components/pages/Timeline/index.tsx

@@ -12,11 +12,12 @@ import LoadingScreen from "components/molecules/LoadingScreen";
 import { Term, Module } from "constants/types";
 import { addDays } from "utils/functions";
 import EventModal from "./components/EventModal";
+import TimelineMobile from "./components/TimelineMobile";
 
 export interface TimelineEvent {
   title: string;
-	id: number;
-	type: string;
+  id: number;
+  type: string;
   moduleCode: string;
   startDate: Date;
   endDate: Date;
@@ -119,6 +120,17 @@ class Timeline extends React.Component<TimelineProps, TimelineState> {
     let currModules = this.state.modulesList.filter(({ terms }) =>
       terms.includes(this.props.term)
     );
+
+    if (window.innerWidth <= 760) {
+      return (
+        <TimelineMobile
+          term={this.props.term}
+          setTerm={this.props.setTerm}
+          modulesList={currModules}
+        />
+      );
+    }
+
     return (
       <>
         <EventModal