margins cut off edges on phones

  • I was surprised to find my main page is cutting off the sides.

    I used a Media and Text block.

    On the phone, the photo is gigantic compared to what is on the browser version, and sit atop the text. And the text is positioned so wide that cuts off on the left and right sides.

    My goal would be to reduce the photo greatly on Mobile screens and bring the text in.

    The photo, by the way, is only a placeholder. But as I said, it is much smaller on the browser view version.

    The code for this block is as follows. I am new to blocks and know little about css.

    <!-- wp:media-text {"mediaId":41,"mediaLink":"https://www.copywritertsp.com/t-s-phillips-copywritertsp-com/","mediaType":"image","mediaWidth":15} -->
<div class="wp-block-media-text alignwide is-stacked-on-mobile" style="grid-template-columns:15% auto"><figure class="wp-block-media-text__media"><img src="https://www.copywritertsp.com/wp-content/uploads/2021/05/t-s-phillips-copywritertsp-com-e1620002477285.jpg" alt="" class="wp-image-41 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:paragraph -->

    Thank you for any advice.

    The page I need help with: [log in to see the link]

  • The topic ‘margins cut off edges on phones’ is closed to new replies.