Talk:Prayers
Table structures
- using separate one-column tables so they collapse on mobile
- using font 85% so it reduces on mobile
- note: on mobile the right border extends to width of the screen : how to fix?
- took out the
<div style="margin-bottom:15px">
and replaced it with bottom margin on both tables, which seems to separate them from each other okay on small screens - & using <poem> bc on mobile on the 2nd table, the font gets small on lines after the first, and can't figure out why; using poem cleared the problem,
- although it makes for 1.5 space not 2, and double spacing under poem meaks for spacing of 3, which is too much
prayer table code
|
>>Prayer start here<< |
|---|
|
>>Prayer start here w/ italics for Latin |
|---|
{|style="vertical-align:top; float:left; margin-right:25px; margin-bottom:15px; border:solid 1px; background-color:#eaecf0;"
!style="padding:15px;"|
<poem>>>Prayer start here<<
Amen
</poem>
|-
|style=font-size:75%;|<center>"From >>SOURCE</center>
|-
|}
{|style="vertical-align:top; border:solid 1px; background-color:#eaecf0;"
!style="padding:15px;"|''>>
<poem>Prayer start here w/ italics for Latin''
''Amen.''
</poem>
|-
|style="font-size:75%;"|<center>From the >>SOURCE</center>
|-
|}
notes
- bottom margin separates prayer tables from note tables
tags create too much space on mobile when they line up
- 1st table has float:right; 2nd does not
- div provides margin at bottom of prayer tables to avoid floating right
notes table code
{|style="font-size:85%; width:65%; margin-left:35px; border:solid 1px; border-color:#c4ccd4; background-color:#f0f2f4;"
|Notes:
* note 1
* note 2
|-
|}
Notes:
|