GrapesJS / grapesjs

Free and Open source Web Builder Framework. Next generation tool for building templates without coding
https://grapesjs.com
BSD 3-Clause "New" or "Revised" License
22.4k stars 4.06k forks source link

[HELP] Responsiveness gone #2257

Closed eltoredo closed 5 years ago

eltoredo commented 5 years ago

Hello,

I started a web page with GrapesJS from scratch. I was wondering why my forms and stuff aren't responsive like GrapesJS' demo.

I can show code if necessary but I don't think it will be necessary. Do I miss a plugin or something that makes the page responsive? Do I have to start a project based on the current demo code?

Thanks for your help, Tanguy.

artf commented 5 years ago

Well, it all depends how you implemented your forms. If you don't include the CSS for the responsiveness you can build it in the editor (by changing the device and then its style)

eltoredo commented 5 years ago

I changed the CSS directly in the editor, what do you mean by 'indlucing' it then? Oh, if I changed the style in the desktop mode, I have to do it for the two other devices as well? I thought that if I changed the style with percentages only, it would fit all the devices.

artf commented 5 years ago

Oh, if I changed the style in the desktop mode, I have to do it for the two other devices as well? I thought that if I changed the style with percentages only, it would fit all the devices.

Make a live demo of your example because it's not clear what is wrong

eltoredo commented 5 years ago

What is wrong is that all the elements crush themselves into each other.

This is a screen in the mobile mode: https://imgur.com/a/CsTqwua While it's perfectly fine in the Dekstop Mode, in which I created all of the elements.

Thanks for your answers!

theSC0RP commented 3 years ago

@eltoredo If you have found the solution, can you please share it here? Thanks.

eltoredo commented 3 years ago

@theSC0RP I didn't, I just gave up on this, it was way too complicated for nothing haha

theSC0RP commented 3 years ago

@eltoredo Ohh okay 😅