Столбец не выровнен по центру на мобильном устройстве

Я создал сайт WP и на главной странице добавил виджет HTML с 3 столбцами. Все хорошо, за исключением того, что на мобильном устройстве 3 столбца справа от экрана выключены. Кажется, я не могу центрировать их при просмотре на мобильном телефоне, как показано на изображении ниже.

<div class = "wrapper">
<!-- wp:columns {"columns":3} -->
<div class = "wp-block-columns has-3-columns">
<!-- wp:column -->

<div class = "wp-block-column"><!-- wp:heading -->
<h2>News</h2>
<!-- /wp:heading -->

<!-- wp:image {"id":482,"align":"center","linkDestination":"custom"} -->
<div class = "wp-block-image"><figure class = "aligncenter"><a href = "http://www.patricianprimaryschool.ie/home/newsletter/"><img src = "http://www.patricianprimaryschool.ie/wp-content/uploads/2019/03/Newsletter.png" alt = "" class = "wp-image-482"/></a> . 
</figure></div>
<!-- /wp:image --></div>
        <!-- /wp:column -->

<!-- wp:column -->
<div class = "wp-block-column">
<!-- wp:heading -->
<h2>Calendar</h2>
<!-- /wp:heading -->

<!-- wp:image {"id":481,"align":"center","linkDestination":"custom"} -->
<div class = "wp-block-image"><figure class = "aligncenter"><a href = "http://www.patricianprimaryschool.ie/home/school-calender/"><img src = "http://www.patricianprimaryschool.ie/wp-content/uploads/2019/03/SchoolCalendar-01-1024x1024.png" alt = "" class = "wp-image-481"/></a></figure></div>
<!-- /wp:image --></div>
        <!-- /wp:column -->


<div class = "wp-block-column twitterContainer">
<!-- wp:column -->

<!-- wp:heading -->
<h2>Follow Us</h2>
<!-- /wp:heading -->

<!-- wp:html -->
<a class = "twitter-timeline" data-height = "300" data-theme = "light" href = "https://twitter.com/PPSNewbridge?ref_src=twsrc%5Etfw">Tweets by PPSNewbridge</a> <script async src = "https://platform.twitter.com/widgets.js" charset = "utf-8"></script>
<!-- /wp:html -->
<!-- /wp:column --></div></div></div>
<!-- /wp:columns -->

И мой CSS:

 .wp-block-column {
min-width: 220px; 
max-width: 550px; 
}


.wp-block-columns {
margin: 112px;
}

.wp-block-column  {
border: 2px solid #354063;
padding: 2px 10px;
}