updated

components/extras.js

@@ -7,7 +7,7 @@ function extras() {
 			<div>
 				<h1 className="title">Pages</h1>
 				<div className="default">
-					{extraPages.map((content, index) => {
+					{extraPages.map((content) => {
 						return (
 							<div key={content.name}>
 								<div className="content">

components/extras.style.jsx

@@ -5,7 +5,7 @@ export const ExtraStyles = styled.div`
 	flex-wrap: wrap;
 	justify-content: center;
 	align-items: center;
-	padding-top: 15vh;
+	padding: 15vh 10vw;
 	background-image: url("images/pxfuel-5.jpg");
 	background-size: cover;
 	background-position: center;
@@ -14,10 +14,13 @@ export const ExtraStyles = styled.div`
 	overflow-y: scroll !important;
 	height: 100vh;
 	.title {
+		width: 100%;
 		font-size: 2rem;
 		font-weight: bold;
 		background-color: var(--color4);
 		color: var(--color3);
+		padding: 0.5rem 1rem;
+		border-radius:0.1rem;
 	}
 	.default {
 		display: flex;

components/skills.style.js

@@ -5,7 +5,6 @@ export default styled.div`
 	max-width: 100%;
 	height: 100vh;
 	padding: 100px 20px;
-	margin-top: 15px;
 	align-items: center;
 	flex-direction: column;
 	overflow-y: auto !important;