Issue #2784💬 AnsweredOpened May 17, 2020by joshbedo1 reactions

Are media queries broke?

Quick answerby vinceumo❤ 1

Hi @artf I did open an issue regarding mine with a codesandbox https://github.com/artf/grapesjs/issues/2774 My issue was actually more about style not being render correctly in the canvas. My issue above was actually on my side as it was missing the HTML code with the CSS. Thanks a lot

Read full answer below ↓

Question

I'm just trying the demo on my phone https://grapesjs.com/demo.html

render of HTML/CSS https://us-central1-connectionhelper-6e7ed.cloudfunctions.net/app/api/pages

and noticed that it still looks like the desktop version. When i'm in the editor and look at the mobile version it looks a bit different. Kind of confused why the editor mobile preview looks different than the actual render.

Doesn't seem like any media queries are being applied.

Answers (3)

vinceumo• June 19, 2020

Hi @artf I did open an issue regarding mine with a codesandbox https://github.com/artf/grapesjs/issues/2774

My issue was actually more about style not being render correctly in the canvas. My issue above was actually on my side as it was missing the HTML code with the CSS.

Thanks a lot

montali• May 18, 2020

I second this!

vinceumo• May 22, 2020

Same issue on 0.16.12, When importing CSS with media query most css in the media query get removed, but not all?? I tried with the postcss parser as well and same issue.

View full discussion on GitHub →