dtookey
/
Engine_Rebuild
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

made the webcards the same height with buttons lined up along bottom, no matter the screen width

Browse Source
pull/2/head
Rebecca Hollis 5 years ago
parent 7588f397d6
commit e907591269
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File

8
src/assets/views/web-card.mustache
Unescape Escape View File

@ -1,10 +1,10 @@
<html lang="en"> <html lang="en">
<div class="col-md-4 web-card" id="{{{id}}}"> <div class="col-md-4 mb-4 web-card" id="{{{id}}}">
<div class="card mb-4 shadow-sm web-card-background"> <div class="card mb-4 h-100 shadow-sm web-card-background">
<div class="card-body text-center"> <div class="card-body d-flex flex-column text-center">
<h6 class="card-text text-header" style="text-align:center">{{title}}</h6> <h6 class="card-text text-header" style="text-align:center">{{title}}</h6>
<p class="card-text text-paragraph text-align-left">{{description}} </p> <p class="card-text text-paragraph text-align-left">{{description}} </p>
<div class="d-inline-block mx-auto justify-content-between align-items-center web-card-image-background"> <div class="d-inline-block mt-auto mx-auto justify-content-between align-items-center web-card-image-background">
<img id="collapse-image" class="rounded-circle mx-auto d-block img-fluid" <img id="collapse-image" class="rounded-circle mx-auto d-block img-fluid"
src="{{{imgPath}}}" alt="{{{altText}}}" src="{{{imgPath}}}" alt="{{{altText}}}"
style="max-height:50px"> style="max-height:50px">

Write Preview
Loading…
Cancel
Save