Apps/Homepage
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improvements to styles on smaller screens

Browse Source 
Used smaller margins, padding and fonts to better fit content on the
Home, Projects and Contact screens.

Also fixed crossfade animation between screens.
This commit is contained in:
Cameron Cordes
2019-02-20 19:11:42 -05:00
parent 6043beb1bb
commit cbd113cc35
12 changed files with 171 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/home/home.component.html
View File

@@ -1,10 +1,10 @@
<div class="home-container">
<div class="overlay" style="position: absolute;">
<img src="../../assets/CubeSpace.jpg" class="image">
<img src="../../assets/CubeSpace.jpg" class="image" alt="background">
</div>
<div class="center-column" style="height: 100%">
<div style="width: 100%; margin: 0 auto; position: absolute">
<img src="../../assets/cameron-headshot.jpg" style="width: 27%; margin: 2em 0 1em 0">
<img src="../../assets/cameron-headshot.jpg" class="headshot" alt="headshot photo">
<h1 class="overlay-text">Cameron Cordes</h1>
<p
class="thin-subtitle" style="color: white;">