Get Error 522 but certificate is fetched

Error 522:
I am a newbie to the homelabbing community. I am hosting a website that runs on my home lab. The domain name registrar for my website is cloudflare. I get an Error 522 when I browse to my website but the website fetches the certificate successfully as I get a valid certificate. My domain is Any help is appreciated.

Hi there,

A 522 is typically caused by a connectivity issue between Cloudflare and your origin server and our IP’s not able to establish a connection with your origin - IP Ranges

The certificate you may be seeing is our edge certificate and not influencing the connection between Cloudflare and your server.

I would recommend that Cloudflare is not being restricted from accessing your origin server over port 80/443 or whatever HTTP/S ports you are using, by any security/firewall software you are using.

Hope this helps!