Formatting suggestion

[rsk]

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

Code: Select all

  <p>
    <b>Explanation</b>
      ...

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

[rsk]

P.S. I'm happy to make any necessary changes if I can be pointed at the code.

[geckzilla]

I highly recommend using a browser addon that will let you add your own CSS. It's a bit tricky because there are no classes or IDs defined, but you look like you can figure it out.

[HarryLeo]

its so simple format easy o understand