diff --git a/src/components/albums/style/album.css b/src/components/albums/style/album.css
index c4099f1..859c6fc 100644
--- a/src/components/albums/style/album.css
+++ b/src/components/albums/style/album.css
@@ -77,7 +77,7 @@
 
 	.album-right-side {
 		flex-basis: 90%;
-		min-width: 85%;
+		min-width: 80%;
 		max-width: 85%;
 	}
 
diff --git a/src/components/homepage/styles/works.css b/src/components/homepage/styles/works.css
index 9a2bdaf..d3e46a7 100644
--- a/src/components/homepage/styles/works.css
+++ b/src/components/homepage/styles/works.css
@@ -7,7 +7,8 @@
 .work {
 	display: flex;
 	padding-bottom: 40px;
-	width: 400px;
+	/* width: 400px; */
+	width: auto;
 }
 
 .work-image {
@@ -35,10 +36,21 @@
 }
 
 .work-duration {
-	position: absolute;
-	width: 400px;
+	/* position: absolute; */
+	/* width: 400px; */
+	/* width: 100%; */
 	font-size: 12px;
-	padding-top: 20px;
+	padding-top: 22px;
 	text-align: right;
 	color: var(--tertiary-color);
+	margin-left: auto;
+
 }
+
+
+@media (max-width: 1024px) {
+	.work-duration {
+		font-size: 11px;
+		padding-top: 0px;
+	}
+}
\ No newline at end of file
diff --git a/src/components/projects/styles/allProjects.css b/src/components/projects/styles/allProjects.css
index 627c08a..3e292fd 100644
--- a/src/components/projects/styles/allProjects.css
+++ b/src/components/projects/styles/allProjects.css
@@ -25,8 +25,12 @@
     text-align: justify;
 }
 
-@media (max-width: 600px) {
+@media (max-width: 1200px) {
 	.all-projects-project {
-		width: calc(100% / 2);
+		width: calc(99% / 2);
+	}
+	.all-projects-container {
+		margin-left: 0px;
+		margin-right: 0px;
 	}
 }
diff --git a/src/components/projects/styles/project.css b/src/components/projects/styles/project.css
index 33d33f0..7f8c3d0 100644
--- a/src/components/projects/styles/project.css
+++ b/src/components/projects/styles/project.css
@@ -69,4 +69,7 @@
 	.project {
 		height: 100%;
 	}
+	.project-container {
+  		padding: 15px;
+ 	}	
 }
diff --git a/src/index.css b/src/index.css
index 7a0ea9e..a658b32 100644
--- a/src/index.css
+++ b/src/index.css
@@ -7,6 +7,8 @@ body {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	overflow-y: scroll;
+	overflow-x: hidden;
+	max-width: 100%;
 }
 
 code {
diff --git a/src/pages/styles/homepage.css b/src/pages/styles/homepage.css
index 5632c18..6d768bf 100644
--- a/src/pages/styles/homepage.css
+++ b/src/pages/styles/homepage.css
@@ -97,7 +97,7 @@
 	padding-top: 30px;
 }
 
-@media (max-width: 1024px) {
+@media (max-width: 1200px) {
 	.homepage-first-area {
 		flex-direction: column;
 	}
@@ -144,12 +144,19 @@
 
 	.homepage-articles {
 		flex-basis: auto;
+		margin-left: -2%;
+		width: 100%;
 	}
 
 	.homepage-works {
 		flex-basis: auto;
-		margin-left: -25px;
-		margin-right: -25px;
+		/* margin-left: -25px;
+		margin-right: -25px; */
+	}
+
+	.works {
+		margin-left: 2%;
+		width: 96%;
 	}
 }
 
diff --git a/src/pages/styles/projects.css b/src/pages/styles/projects.css
index 36c3783..6a9c2b4 100644
--- a/src/pages/styles/projects.css
+++ b/src/pages/styles/projects.css
@@ -22,6 +22,16 @@
 	padding-top: 120px;
 }
 
+@media (max-width: 1024px) {
+	.projects-title {
+		width: 100% !important;
+	}
+
+	.projects-subtitle {
+		width: 100% !important;
+	}
+}
+
 @media (max-width: 600px) {
 	.projects-container {
 		padding-top: 60px;