Try download my attached fix file and replace into this following file
JoomlaFolder/components/com_easyblog/themes/wireframe/blogs/grid/default.php
Then this following CSS block code you have to apply into your backend > Easyblog > theme > custom css , you can refer on my attached screenshot.
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
body #eb.is-mobile .es-cards {
display: block;
}
body #eb .eb-blog-grid__item {
-webkit-flex: 0;
-ms-flex: 0;
flex: 0;
}
body #eb .eb-blog-grid__item--1 {
min-width: 8.333333%;
}
body #eb .eb-blog-grid__item--2 {
min-width: 16.666667%;
}
body #eb .eb-blog-grid__item--3 {
min-width: 25%;
}
body #eb .eb-blog-grid__item--4 {
min-width: 33.333333%;
}
body #eb .eb-blog-grid__item--5 {
min-width: 41.666667%;
}
body #eb .eb-blog-grid__item--6 {
min-width: 50%;
}
body #eb .eb-blog-grid__item--7 {
min-width: 58.333333%;
}
body #eb .eb-blog-grid__item--8 {
min-width: 66.666667%;
}
body #eb .eb-blog-grid__item--9 {
min-width: 75%;
}
body #eb .eb-blog-grid__item--10 {
min-width: 83.333333%;
}
body #eb .eb-blog-grid__item--11 {
min-width: 91.666667%;
}
body #eb .eb-blog-grid__item--12 {
min-width: 100%;
}
}
Note : When you update next version of Easyblog, you can remove this custom css from backend.