CLS 4 with before post ad

This way:
https://adinserter.pro/faq/how-to-minimize-layout-shift

All done but CLS not improved.

Not resolved!

You did not follow the instructions.
You defined block height 250px but you are inserting higher (350×330) ad (responsive ad code).

You need to reserve space for the largest ad that will be displayed or better, make the ad height fixed.

The ad size I am inserting is:

style=”display:inline-block;width:300px;height:250px”

How does it become responsive?

<ins class="adsbygoogle" style="display: inline-block; width: 375px; height: 312px; transition: none 0s ease 0s; outline: none; border: none; padding: 0px; border-spacing: 0px; margin-left: -7.375px; z-index: 30;" data-ad-client="ca-pub-3846158706344427" data-ad-slot="9812559961" data-adsbygoogle-status="done" data-auto-ad-size="true" data-overlap-observer-io="false">

</ins>

I get inserted 360×300 ad on Galaxy S5 and 375×312 on iPhone X.

Maybe you should use data-full-width-responsive="false"

It seems the ad code tries to use the full width and then resizes the ad:
https://adinserter.pro/documentation/adsense-ads#responsive

Added data-full-width-responsive="false"

But nothing is improved!

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fbestwisher.info%2Fbirthday-wishes-best-friend%2F

Basically it works. The code is not responsive anymore.

But it seems the ad code changes the height of the parent elements to height: auto !important;.

There should be no layout shift anymore.

IF you still see some issues I would suggest asking on some AdSense support forum.

Now I have removed the byline, under the post title with the theme customizer, and seeing the magical result!

CLS is 0!

What do you see there?

Is it the same?

If it’s the same there, then the problem is really solved!

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fbestwisher.info%2Fbirthday-wishes-ex-girlfriend%2F

Yes, I see no issues.