Messages - Improve behavior on mobile

[bryanbraun]

I saw this error reported by google search console for these urls:

• https://www.bryanbraun.com/after-dark-css/all/messages.html
• https://www.bryanbraun.com/after-dark-css/all/messages2.html

Things to improve:

• Add a mobile metatag and confirm that it makes the text look better on phones.
• Ensure that the animation for Messages goes all the way across the screen (it seemed like it wasn't scrolling all the way when I checked on it).

[Manishgupta200]

I would like to work on it. Please assign it to me. (Hacktoberfest)

[Manishgupta200]

Thanks for assigning

[bryanbraun]

Thanks @Manishgupta200, for the fixes on Messages2 (in #15). That part looks great now!

We could still use some similar fixes on the original Messages. Anyone want to attempt those fixes?

In case it's unclear what Messages is supposed to look like, it' supposed to start offscreen (on the left side of the screen), scroll left onto the screen, and continue scrolling until it is offscreen on the right side of the screen. At that point it moves back offscreen (on the left side of the screen), and repeats scrolling again.