Cards inside grid (col m4) - not behaving as expected (unorganized) about beauter HOT 3 OPEN

Alright wrote a small fix, not the best, but it seems to get the job done.

/* article list */
.article-grid {
    display: grid;
    gap: 2.5rem;
    grid-template-columns: repeat(auto-fill, minmax(25%, 1fr));
 }
/* If the browser window is 1100px or smaller, make it full width */
@media only screen and (max-width: 1100px) {
  .article-grid {
      grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
   }
}

from beauter.

Hi Erik,
I think this problem can be solved from beauter's side also.
If possible, can you share with me the generated HTML output from the browser directly?
That way I can play directly with the viewport and container sizes to see what's going on at the rendering level (not the backend)

Thanks for letting me know of this :)

from beauter.

Hey, @ramdeoshubham I'll see if I can create a demo page and use the standard beauter code OR... if you have time on your hands, take this output and then use the col m4 -- that way you have the HTML to work with.

https://erikthiart.com/blog/

Side note: I think the SSL certificate for beauter expired

from beauter.