[Resolved] Responsive Gutenberg

[Maria]

Probably a silly question for you, but I’m testing out Gutenberg and would like to know how to make the site responsive. Do we use the unsemantic grid classes i.e,

<div class="grid-container">
  <div class="grid-50">
</div> 

or media queries? I had been using Sections and would put the unsemantic grid classes in the Section settings, but if I’m not using Sections, do I use the grid classes or just use Media Queries to make the site responsive?

[Tom]

Hi there,

It depends which blocks you’re using in Gutenberg.

For example, I just re-built this entire site using the HTML block inside Gutenberg. It allowed me to use my own HTML, which of course I added CSS and media queries for.

I believe Gutenberg will have a columns block (already in the plugin), which should already be mobile responsive.

Let me know if you need more info 🙂

[Maria]

Coolio! I’ll keep experimenting.

[Author]

Posts