diff --git a/index.css b/index.css
index d22f083..97ae8bd 100644
--- a/index.css
+++ b/index.css
@@ -218,12 +218,11 @@ main{
font-size: 1.2em;
}
.section .grid {
- width: 90%;
- max-width: 100rem;
- margin: 1em, 0;
+ width: 90vw;
+ margin: 1rem, 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
- gap: 2em;
+ gap: 2rem;
}
.section .article {
@@ -269,9 +268,7 @@ article ul {
margin: 1em 0;
}
-.projects{
- margin-left: 5rem;
-}
+
.projects .p {
font-size: 1.3em;
@@ -279,9 +276,6 @@ article ul {
margin: 1em 0;
}
-.about {
- margin-left: 5rem;
-}
.about .p {
max-width: 40em;
@@ -344,7 +338,7 @@ svg:hover {
height: 80%;
margin: auto;
position: relative;
- width: 90%;
+ width: 100vw;
display: grid;
place-items: center;
overflow: hidden;
@@ -352,7 +346,7 @@ svg:hover {
.my-projects {
width: 95%;
- height: 100%;
+ height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
@@ -446,7 +440,7 @@ margin-bottom: 2rem;
flex-direction: column;
justify-content: center;
align-items: center;
- margin-left: 5rem;
+
}
.carrousel {
@@ -733,9 +727,13 @@ color:inherit;
/* Responsive css */
@media only screen and (max-width: 767px) {
+
+ .content-carrousel{
+ perspective: none;
+ }
.my-projects {
- width: 100%;
- margin-left: 5rem;
+ margin-left: 1rem;
+ width: 100vw;
}
main{
overflow-x:visible;
diff --git a/index.html b/index.html
index 8b9ca72..ba037fb 100644
--- a/index.html
+++ b/index.html
@@ -2,7 +2,7 @@
-
+
my Portfolio