💄 Modernize the appearance of about page and make it responsive.

[cybrejon]

What does this PR do?

This PR modifies simple.css to include better padding, margin, alignment and introduce RWD (responsive web design) to the about page.

Preview/Screenshots

Small Screen Devices

Large Screen Devices

Why is this change important?

The current about's page is painfully outdated and not mobile-friendly. This hopes to fix that.

Related issues

Closes #433

[neon-mmd]

Sorry for the late review.
Thanks ❤️ for working on this PR. We really appreciate it 👍 Keep it up!! but before we merge this PR. We would suggest the following changes. 🙂

[neon-mmd]

Sorry for the delay in the reply.
One last small suggestion, I feel it would be better to have all the media queries at the end of the file so that anyone else working on this future does not get confused or lost when searching/editing media queries. Moreover, I think it would make the code consistent too. What do you think? 🙂

[cybrejon]

Sorry for the delay in the reply. One last small suggestion, I feel it would be better to have all the media queries at the end of the file so that anyone else working on this future does not get confused or lost when searching/editing media queries. Moreover, I think it would make the code consistent too. What do you think? 🙂

I believe they are already at the bottom-most part of the file.

[neon-mmd]

Sorry for the delay in the reply. One last small suggestion, I feel it would be better to have all the media queries at the end of the file so that anyone else working on this future does not get confused or lost when searching/editing media queries. Moreover, I think it would make the code consistent too. What do you think? 🙂

I believe they are already at the bottom-most part of the file.

Ok I see, I am sorry, I think I overlooked it. Thanks ❤️ for pointing it out. 🙂

[neon-mmd]

Thanks ❤️ again for working on this. Since everything looks good. We will merge this PR as soon as possible. 🙂