Cloudfront + Beanstalk + Custom Domain

I have a custom domain using route 53.

I have an SSL wildcard for this domain. ( *.example.net )

I have static website with S3 , bucket set to block all puclic access with a cloudfront OAI policy.

I have set up cloudfront, copied the OAI policy to the s3 bucket and set the default root obeject index.html (my static website landing page) Everything is working fine.

Now, I have deployed a flask app using beanstalk, I click on beanstalk env domain and my app is working.

I want to use a subdomain ( myapp.example.net ) from my own domain to load my flask app (beanstalk env domain ). Here is what I have done.

*Created a Cname record myapp.example.net and pasted my cloudfront ID. ** Created a new Origin on my existing cloudfront distribution and set the Origin Domain to my Beanstalk env adress *** Created a new behaviour, set the Path pattern ro myapp.example.net and picked the origin I just created. **** Entered myapp.example.net in Alternate domain names ( in my cloudfront settings )

Now, when I type myapp.example.net on the browser, it loads the index.html file just like typing example.net would do. I was expecting to laod my app which is running under the beanstalk env domain adress.

What am I doing wrong? Do I have to create another Cloudfront distribution for the dynamic app? I have tried a lot of options Amazon Q have giving me, nothing worked.

PS: Aparently it could have been that I had a load balancer set up but I am using a Single instance in Environment type (beanstalk Settings)

thanks a lot, hopefully someone can help me out.