I need help adjusting my content with a Google banner for small screens. Here is an example image: Example Image
Within the parent div with the class name parent-content
, there is a banner div named ad3
.
Below is the code I have written for screens with a maximum width of 600px:
.parent-content
{
position: relative;
word-wrap: break-word;
-moz-hyphens:auto;
-ms-hyphens:auto;
-webkit-hyphens:auto;
hyphens:auto;
}
.ad3
{
position: absolute;
display: flex;
justify-content: flex-end;
height:auto;
width:100%;
}
Here is the result after making these adjustments: My Result Image
I am eager to hear any potential solutions. Thank you in advance.