diff --git a/src/views/HomePage.vue b/src/views/HomePage.vue index a0da7d7..03b9069 100644 --- a/src/views/HomePage.vue +++ b/src/views/HomePage.vue @@ -5,19 +5,10 @@

Keyemail

-

Hi, I'm Keyemail or Patrick.

I specialize in IT and web development-related stuff, but I also love doing a variety of different hobbies such as Flight Simulator, or learning Japanese. I daily run an Arch Linux machine as my main system and support Linux in every way. I'm glad to meet you!

-
-

Comments!

-
- Developer: Sorry this function is in the workings! Come back later to use this function. -
- -
-
@@ -82,37 +73,31 @@ header h1 { background-color: #afb5c8 } -.section-row { - display: flex; - flex-direction: row; - justify-content: space-between; - flex-wrap: wrap; -} - .intro { display: flex; flex-direction: column; - margin-top: 90px; - width: 700px; + align-items: center; + margin-top: 40px; + width: 100%; color: white; font-family: 'Rubik', sans-serif; background-color: #151d2f; border-radius: 10px; padding: 20px; + text-align: center; + box-sizing: border-box; } .intro h1 { font-size: 3.5rem; font-weight: 500; - text-align: left; } .intro p { margin-top: 15px; font-size: 1.8rem; font-weight: 400; - text-align: left; - max-width: 1200px; + max-width: 800px; } article { @@ -172,22 +157,6 @@ article input { margin-top: 80px; } -@media screen and (max-width: 1519px){ - .section-row > * { - width: 100%; - } - .intro h1 { - text-align: center; - } - .intro p { - text-align: center; - max-width: 100%; - } - article{ - margin-top: 20px; - } -} - @media screen and (max-width: 450px){ header { flex-direction: column;