lukas/PersonalWebsite
1
0
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

about page responsive design for mobile

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
css/index.css
View File

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

4
index.html
View File

@ -63,7 +63,7 @@
</p>
</div>
<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>
@ -95,7 +95,7 @@
</ul>
</div>
<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>