diff --git a/assets/css/mediasqueries/style.css b/assets/css/mediasqueries/style.css index 327bfca..9157de0 100644 --- a/assets/css/mediasqueries/style.css +++ b/assets/css/mediasqueries/style.css @@ -38,6 +38,10 @@ width: 300px; } + .image-about { + width: 75%; + } + } /*----Desktop and ahead----*/ @media screen and (min-width: 1075px) { @@ -98,4 +102,36 @@ width: 56px; margin-right: 15px; } + + .about-container { + flex-direction: row; + flex: 1; + } + + .about-container > p { + display: block; + position: relative; + font-size: 2em; + top: -50px; + left: 20px; + margin: auto; + } + + .title-and-navagation-container { + display: flex; + height: 100%; + flex-direction: column; + justify-content: center; + align-items: center; + gap: 10px; + } + .title-and-navagation-container > p { + margin-left: 20px; + font-size: 1.8em; + } + + .image-about { + width: 50%; + margin-left: 100px; + } } \ No newline at end of file