IE11 is a very old browser with a increasingly small share of users - for security and compatibility reasons it is much better using a more modern version of Chrome/Firefox/Safari/or Edge if it's a Microsoft platform.
The reason those rows have an issue is because IE11 has a buggy and incomplete interpretation of the Flex model in css which allows for equal height rows. It's a problem with the browser which is why it's no longer updated and Microsoft have re-built it from scratch and called it Edge.
For a simple fix you'd need to disable equal heights on those rows affected - by clicking on the little pen icon and unticking this box:
For the news section, do the following.
Add this plugin:https://wordpress.org/plugins/simple-custom-css/
Then, in Appearance > Custom CSS add the following line:
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) {
.content-area ul.display-posts-listing li {
display: inline-block;
float: left;
}