Site logo

Archived topic

Responsive Gutenberg

2 replies · Started by Maria on June 12, 2018

Viewing posts 1–3 of 3

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?

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 :)

Coolio! I'll keep experimenting.

This archived topic is closed to new replies.