diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
new file mode 100644
index 0000000..9254a6c
--- /dev/null
+++ b/.devcontainer/devcontainer.json
@@ -0,0 +1,34 @@
+// For format details, see https://aka.ms/devcontainer.json. For config options, see the
+// README at: https://github.com/devcontainers/templates/tree/main/src/docker-existing-dockerfile
+{
+	"name": "Existing Dockerfile",
+	"build": {
+		// Sets the run context to one level up instead of the .devcontainer folder.
+		"context": "..",
+		// Update the 'dockerFile' property if you aren't using the standard 'Dockerfile' filename.
+		"dockerfile": "../Dockerfile"
+	},
+
+	// Features to add to the dev container. More info: https://containers.dev/features.
+	// "features": {},
+
+	// Use 'forwardPorts' to make a list of ports inside the container available locally.
+	"forwardPorts": [8000],
+
+	// Uncomment the next line to run commands after the container is created.
+	"postCreateCommand": "npm install",
+
+	"postStartCommand": "npm start"
+
+	// lets you override the statup command inside your Dockerfile instead
+	// "overrideCommand": false
+
+	// Configure tool-specific properties.
+	// "customizations": {},
+
+	// Uncomment to connect as an existing user other than the container default. More info: https://aka.ms/dev-containers-non-root.
+	// "remoteUser": "devcontainer"
+
+	// "workspaceMount": "source=${localWorkspaceFolder},target=/home/app,type=bind",
+	// "workspaceFolder": "/home/app"
+}
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
new file mode 100644
index 0000000..f33a02c
--- /dev/null
+++ b/.github/dependabot.yml
@@ -0,0 +1,12 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for more information:
+# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+# https://containers.dev/guide/dependabot
+
+version: 2
+updates:
+ - package-ecosystem: "devcontainers"
+   directory: "/"
+   schedule:
+     interval: weekly
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..74e841d
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,18 @@
+FROM node:14.18.3-bullseye
+
+# RUN mkdir -p /home/app
+
+# WORKDIR /home/app
+
+# RUN chmod 777 /home/app
+# RUN npm install -g gatsby-cli
+
+# COPY package*.json ./
+
+# RUN npm install
+
+# COPY . .
+
+EXPOSE 8000
+
+# ENTRYPOINT ["npm", "start"]
diff --git a/src/components/badges.js b/src/components/badges.js
index 81301a2..3d8deeb 100644
--- a/src/components/badges.js
+++ b/src/components/badges.js
@@ -15,10 +15,10 @@ export default () => (
                 <a href="https://www.credly.com/badges/8c738ab3-2984-4849-86e9-b060ce6dce74/public_url">
                     <img src={Az900Badge} alt="azure fundamentals microsoft certified badge" className={styles.badgeImage} />
                 </a>
-                <a href="https://www.credly.com/badges/6d0559ff-e8cf-48a4-9a5e-eccc5fbd7f62/public_url">
+                <a href="https://learn.microsoft.com/api/credentials/share/en-us/PeterOConnor-3626/9C8BB3E6719E218E?sharingId=3EF481FD1B323A0B">
                     <img src={Dp900Badge} alt="azure data fundamentals microsoft certified badge" className={styles.badgeImage} />
                 </a>
-                <a href="https://www.credly.com/badges/993e087f-3a53-48ae-8fb3-c71c1788a0eb/public_url">
+                <a href="https://learn.microsoft.com/api/credentials/share/en-us/PeterOConnor-3626/235CEA0E69208F28?sharingId=3EF481FD1B323A0B">
                     <img src={Az204Badge} alt="azure developer associate microsoft certified badge" className={styles.badgeImage} />
                 </a>
             </Col>
diff --git a/src/components/menu.js b/src/components/menu.js
index 3bb53a0..64d1566 100644
--- a/src/components/menu.js
+++ b/src/components/menu.js
@@ -1,29 +1,27 @@
 import React from "react"
 import Navbar from 'react-bootstrap/Navbar'
 import Nav from 'react-bootstrap/Nav'
+import Container from 'react-bootstrap/Container';
 import styles from './menu.module.scss'
 
 export default () => (
-    <Navbar expand="md">
-        <Navbar.Toggle aria-controls="navbar-content" />
-        <Navbar.Collapse id="navbar-content" className="justify-content-center">
-            <Nav>
-                <Nav.Link href="/#about-me" className={styles.menuLink}>
-                    <span role="img" aria-label="who is this">👀 </span>who is this?
-                </Nav.Link>
-                <Nav.Link href="/#my-work" className={styles.menuLink}>
-                    <span role="img" aria-label="my work">👨‍💻 </span>my work
-                </Nav.Link>
-                <Navbar.Text className={styles.menuName}>
-                    <Nav.Link href="/">Peter O'Connor</Nav.Link>
-                </Navbar.Text>
-                <Nav.Link href="https://swiftcv.com/@poc275" className={styles.menuLink}>
-                    <span role="img" aria-label="my CV">📝 </span>my CV
-                </Nav.Link>
-                <Nav.Link href="/#contact" className={styles.menuLink}>
-                    <span role="img" aria-label="who is this">📣 </span>contact
-                </Nav.Link>
-            </Nav>
-        </Navbar.Collapse>
+    <Navbar expand="lg">
+        <Container>
+            <Navbar.Brand href="/" className={styles.menuName}>Peter O'Connor</Navbar.Brand>
+            <Navbar.Toggle aria-controls="navbar-content" />
+            <Navbar.Collapse id="navbar-content" className="justify-content-center">
+                <Nav>
+                    <Nav.Link href="/#about-me" className={styles.menuLink}>
+                        <span role="img" aria-label="who is this">👀 </span>who is this?
+                    </Nav.Link>
+                    <Nav.Link href="/#my-work" className={styles.menuLink}>
+                        <span role="img" aria-label="my work">👨‍💻 </span>my work
+                    </Nav.Link>
+                    <Nav.Link href="/#contact" className={styles.menuLink}>
+                        <span role="img" aria-label="who is this">📣 </span>contact
+                    </Nav.Link>
+                </Nav>
+            </Navbar.Collapse>
+        </Container>
     </Navbar>
 )
\ No newline at end of file
diff --git a/src/components/menu.module.scss b/src/components/menu.module.scss
index 07490ec..24e12e2 100644
--- a/src/components/menu.module.scss
+++ b/src/components/menu.module.scss
@@ -12,8 +12,7 @@
 
 .menu-name {
     text-transform: uppercase;
-    font-size: 1.5rem;
-    padding-top: 0;
+    padding-top: 0.8rem;
     padding-bottom: 0;
 }