diff --git a/public/assets/css/style.css b/public/assets/css/style.css index 27cda5c..b768539 100644 --- a/public/assets/css/style.css +++ b/public/assets/css/style.css @@ -66,6 +66,10 @@ main > div { opacity: .3; } +h1 { + font-size: 2em; +} + h2 { font-weight: normal; font-size: 1.42em; @@ -180,4 +184,41 @@ nav a:hover { #myface img { height: 100%; +} + +@media screen and (max-width: 800px) { + + h1 { + font-size: 7vw; + } + + h2 { + font-size: 5vw; + } + + main { + max-width: unset; + background-size: auto 100vw; + } + + #intro { + width: initial; + padding: 10vw; + text-align: center; + } + + #intro p { + text-align: justify; + } + + #myface { + display: none; + } + + nav a { + text-decoration: none; + margin-right: 5vw; + font-size: 5vw; + } + } \ No newline at end of file diff --git a/public/index.html b/public/index.html index 04d3003..784de8b 100644 --- a/public/index.html +++ b/public/index.html @@ -4,6 +4,7 @@ +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis, nibh sed ultrices vehicula, risus enim fermentum lacus, vitae lacinia erat arcu in magna. Sed eget aliquam diam, vitae facilisis enim. Morbi laoreet nulla sit amet eros tempor tincidunt.
-Programming languages: JavaScript, PHP, SQL & Python
+Programming languages: JavaScript, PHP, SQL & Python