resize of personal picture

tile height on mobile devices
This commit is contained in:
Lukas Heiligenbrunner 2020-03-17 20:59:05 +01:00
parent a20278e36b
commit e09add4bb4
2 changed files with 14 additions and 3 deletions

View File

@ -34,8 +34,13 @@ body, html {
color: #fffd80; color: #fffd80;
} }
/* About Me*/
#aboutmeText{
width: 40%;
}
/* screen larger than 600px -- desktop */ /* screen larger than 600px -- desktop */
@media screen and (min-width: 601px) { @media screen and (min-width: 1201px) {
.tile { .tile {
min-height: 530px; min-height: 530px;
} }
@ -62,7 +67,7 @@ body, html {
} }
/* Screen smaller than 600px -- mobile */ /* Screen smaller than 600px -- mobile */
@media screen and (max-width: 600px) { @media screen and (max-width: 1200px) {
/*background color of collapsed navbar*/ /*background color of collapsed navbar*/
.navbar-nav { .navbar-nav {
background: #311E25; background: #311E25;
@ -74,6 +79,7 @@ body, html {
#section1 { #section1 {
padding-top: 100px; padding-top: 100px;
height: 90%;
} }
#preTitle { #preTitle {
@ -92,4 +98,9 @@ body, html {
width: 100%; width: 100%;
font-size: 13px; font-size: 13px;
} }
/* About Me*/
#aboutmeText{
width: 100%;
}
} }

View File

@ -72,7 +72,7 @@
<div id="section2" class="bg-warning tile"> <div id="section2" class="bg-warning tile">
<div class="container"> <div class="container">
<h1>About me</h1> <h1>About me</h1>
<p style="width: 40%"> <p id="aboutmeText">
Hello! I'm Lukas, a software engineer based in Austria who enjoys building GUI-Software as well as things Hello! I'm Lukas, a software engineer based in Austria who enjoys building GUI-Software as well as things
that live on the internet. that live on the internet.
I develop hardware near software exceptional websites and apps that provide intuitive and user friendly I develop hardware near software exceptional websites and apps that provide intuitive and user friendly