One thing I find difficult about the APOD formatting is the explanation is allowed to use the entire width of the page, which can be
hard to read. It should be relatively simple to fix the HTML by changing
to:
Code: Select all
<p style="width: 45em; max-width: 100%; margin: auto;">
<b>Explanation</b>
...
I chose that width as it felt like a good trade-off between too long and too short and specified it in em's as that is widely supported by browsers. Another possible change which makes it looks a bit nicer would be to justify the text:
Code: Select all
<p style="width: 45em; max-width: 100%; margin: auto; text-align: justify;">
<b>Explanation</b>
...
Note: there are other ways to do the styling but given the simplicity of the page, inline styles should be fine.
samuel
One thing I find difficult about the APOD formatting is the explanation is allowed to use the entire width of the page, which can be [url=https://baymard.com/blog/line-length-readability]hard to read[/url]. It should be relatively simple to fix the HTML by changing
[code]
<p>
<b>Explanation</b>
...
[/code]
to:
[code]
<p style="width: 45em; max-width: 100%; margin: auto;">
<b>Explanation</b>
...
[/code]
I chose that width as it felt like a good trade-off between too long and too short and specified it in em's as that is widely supported by browsers. Another possible change which makes it looks a bit nicer would be to justify the text:
[code]
<p style="width: 45em; max-width: 100%; margin: auto; text-align: justify;">
<b>Explanation</b>
...
[/code]
Note: there are other ways to do the styling but given the simplicity of the page, inline styles should be fine.
samuel