diff --git a/styles/main.css b/styles/main.css index 0fd0cbd..7dfcc7e 100644 --- a/styles/main.css +++ b/styles/main.css @@ -17,7 +17,7 @@ /* Screen sizes */ --large-screen: 1440px; - --normal-screen: 1024px; + --normal-screen: 1200px; --tablet-screen: 900px; --phone-screen: 600px; --small-screen: 300px; @@ -248,6 +248,8 @@ footer section, display: grid; grid-template-columns: repeat(12, 1fr); gap: 1rem; + + list-style: none; } .footer__nav ul li:first-child { @@ -359,7 +361,7 @@ article section p { grid-column: 1/8; grid-row: 1/13; } - @media (max-width: 900px) { + @media (max-width: 1200px) { .project__a .project__figure { grid-column: 1/10; } @@ -375,10 +377,10 @@ article section p { grid-column: 11/13; grid-row: 1/3; } - @media (max-width: 900px) { + @media (max-width: 1200px) { .project__a .project__description { grid-column: 10/13; - + grid-row: 1/5; } } @media (max-width: 600px) { @@ -404,7 +406,7 @@ article section p { grid-row: 4; align-self: end; } - @media (max-width: 900px) { + @media (max-width: 1200px) { .project__b .project__description { grid-column: 1/4; } @@ -421,7 +423,7 @@ article section p { grid-column: 5/13; grid-row: 1/13; } - @media (max-width: 900px) { + @media (max-width: 1200px) { .project__c .project__figure { grid-column: 4/13; } @@ -440,9 +442,10 @@ article section p { grid-row: 11/13; align-self: end; } - @media (max-width: 900px) { + @media (max-width: 1200px) { .project__c .project__description { grid-column: 1/4; + grid-row: 8/13; } } @media (max-width: 600px) { @@ -466,7 +469,7 @@ article section p { grid-row: 1/13; } - @media (max-width: 900px) { + @media (max-width: 1200px) { .project__d .project__figure_a { } .project__d .project__figure_b { @@ -497,7 +500,7 @@ article section p { grid-row: 10/13; align-self: end; } - @media (max-width: 900px) { + @media (max-width: 1200px) { .project__d .project__description_a { grid-column: 9/13; } @@ -528,7 +531,7 @@ article section p { grid-row: 7/13; } - @media (max-width: 900px) { + @media (max-width: 1200px) { .project__e .project__figure_a { grid-column: 1/10; } @@ -558,12 +561,14 @@ article section p { grid-row: 12; align-self: end; } - @media (max-width: 900px) { + @media (max-width: 1200px) { .project__e .project__description_a { grid-column: 10/13; + grid-row: 9/11; } .project__e .project__description_b { grid-column: 10/13; + grid-row: 11/13; } } @media (max-width: 600px) {