Request not satisfied? Use Route53 & Cloudfront

I am trying to serve my s3 files on cdn.mydomain.com using CloudFront. I have successfully created a CloudFront distribution and verified that the files can be accessed on https://dxxxxxxxx.cloudfront.net/test.jpg.

In Route53, I have created an A record type A-IPv4 address with name cdn.domain.com and alias target dxxxxxxxx.cloudfront.net. However, when I open the URL http://cdn.mydomain.com/test.jpg, I receive the following error:

403 ERROR
The request could not be satisfied.
Bad request. We can't connect to the server for this app or website at this time. There might be too much traffic or a configuration error. Try again later, or contact the app or website owner.
If you provide content to customers through CloudFront, you can find steps to troubleshoot and help prevent this error by reviewing the CloudFront documentation.
Generated by cloudfront (CloudFront)

What did I miss in my configuration?

You need to add cdn.mydomain.com to the list of alternate domain names (CNAMEs) in your CloudFront distribution settings. To do this:

  1. Go to the CloudFront console and select your distribution.
  2. Click on the “Behaviors” tab.
  3. Click on the behavior that corresponds to your S3 bucket.
  4. Click on the “Edit” button.
  5. In the “Alternate Domain Names (CNAMEs)” field, add cdn.mydomain.com.
  6. Save your changes.

It may take a few minutes for the changes to propagate.