about page responsive design for mobile

This commit is contained in:
Lukas Heiligenbrunner 2020-03-17 22:18:12 +01:00
parent 145c9ac1a7
commit f1602b8e93
2 changed files with 16 additions and 2 deletions

View File

@ -51,6 +51,7 @@ body, html {
.aboutPic { .aboutPic {
width: 60%; width: 60%;
height: 300px;
float: left; float: left;
} }
@ -123,4 +124,17 @@ body, html {
#aboutmeText { #aboutmeText {
width: 100%; width: 100%;
} }
.aboutcontainer {
width: 100%;
}
.aboutPic {
width: 100%;
height: 150px;
}
#section2{
height: 130%;
}
} }

View File

@ -63,7 +63,7 @@
</p> </p>
</div> </div>
<div id="homepicture"> <div id="homepicture">
<img src="rsc/self3.png" height="100%" style="display: block;right:0"> <img src="rsc/self3.png" height="100%" style="display: block;margin-left: auto; margin-right: auto">
</div> </div>
</div> </div>
</div> </div>
@ -95,7 +95,7 @@
</ul> </ul>
</div> </div>
<div class="aboutPic"> <div class="aboutPic">
<img src="rsc/self4.jpg" height="300px" style="display: block;float:right; margin-top: 10%"> <img src="rsc/self4.jpg" height="100%" style="float:right; margin-top: 10%">
</div> </div>
</div> </div>
</div> </div>