How do I make the Query Loop block responsive?

Hi Yumei,

In Simple CSS, you have this code:

.gb-grid-wrapper {
                width: 1000px;
                margin-left: auto;
                margin-right: auto;
            }

This specific rule is causing the issue: width: 1000px;

It’s affecting all .gb-grid-wrapper in your site forcing it to 1000px width which makes it look bad on smaller screens.

Hope this clarifies.

That helped more than you know! I am slowly converting websites built on Genesis to GeneratePress without changing the look and feel. Too much (my own) bad CSS got mixed in. Thank you so much!

You’re welcome Yumei!