First, remove the width :40% that you have added in.
.archive-post-wrap {
padding-bottom: 20px;
width: 40%;
}
Then you can add the following css in “Appearance => Customize => Theme Options => Custom CSS Options” box:
@media screen and (min-width: 768px) {
.home #main .hentry { width: 50%; float: left; }
}
Note: you shouldn’t add/edit any files inside ‘catch-base’ theme directory. As this files will be reverted back to original when you update your theme and you will loose your customization. So, for custom css either add in Custom CSS Options box or build child theme and add it in child theme style.css file.
.
