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

Improve Home headshot photo sizing

Browse Source 
Use columns instead of a percent, which has better breaks in mobile and
desktop layouts.
This commit is contained in:
Cameron Cordes
2020-04-15 15:53:01 -04:00
parent 3f57e15aeb
commit 1f76bea667
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,9 +1,10 @@
<div class="row h-100 dark-bg"> <div class="row h-100 dark-bg">
<!-- <div class="d-relative"> -->
<!-- <img src="../../assets/CubeSpace.jpg" class="image" alt="background"> -->
<!-- </div> -->
<div class="col col-xl-9 col-lg-12 col-md-12 mx-auto text-center"> <div class="col col-xl-9 col-lg-12 col-md-12 mx-auto text-center">
<img src="../../assets/cameron-headshot.jpg" class="w-50 my-3" alt="headshot photo"> <div class="row">
<div class="col-md-6 col-12 mx-auto">
<img src="assets/cameron-headshot.jpg" class="mw-100 my-3 rounded" alt="headshot photo">
</div>
</div>
<h1 class="overlay-text">Cameron Cordes</h1> <h1 class="overlay-text">Cameron Cordes</h1>
<div class="row text-center"> <div class="row text-center">
<div class="col-12 col-md-8 col-sm-12 mx-auto"> <div class="col-12 col-md-8 col-sm-12 mx-auto">