Page 1 of 1

Formatting suggestion

Posted: Fri Apr 02, 2021 2:56 pm
by 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

Re: Formatting suggestion

Posted: Sat Apr 03, 2021 3:48 am
by rsk
P.S. I'm happy to make any necessary changes if I can be pointed at the code.

Re: Formatting suggestion

Posted: Thu Apr 22, 2021 8:59 pm
by 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.

Re: Formatting suggestion

Posted: Mon Dec 06, 2021 8:56 am
by HarryLeo
its so simple format easy o understand