Fixed a footer issue on Cr;Lf;

2019 Aug 19, Mon

I tried this website on my iPhone and I noticed a big problem with the footer, in case of long notes or articles. The footer was fixed at the bottom of the page, covering the text behind it.

Initially I didn’t know what was the problem, but long story short, I searched on DuckDuckGo and found this q&a on StackOverflow: https://stackoverflow.com/q/36899807

Basically this was the fix:

#main {
  flex: 1 0 auto;
}

Unsurprisingly, the CSS3 flex works a little different in Safari than in Firefox, or Chrome.

@notes #crlf