After encountering this inquiry on Stack Overflow: How can text be placed in the upper or lower right corner of a "box" using CSS, I came up with the following code:
#copyright {
position: absolute;
bottom: 0;
right: 2;
width: 100px;
text-align: center;
}
#creator {
position: absolute;
bottom: 0;
right: 0;
width: 100px;
text-align: center;
}
On desktop, the code works as expected. However, when tested on Google's Chrome emulator for mobile devices, the text does not stay at the bottom after scrolling, similar to how a sticky footer behaves. I attempted to replicate the issue on a JSFiddle, but was unsuccessful. Here is a screenshot of the problem:
https://i.sstatic.net/ZAtnP.png
If you have any suggestions or solutions, please share! Thank you.