Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FEAT: option for responsive design #3056

Closed
micker opened this issue Sep 30, 2020 · 4 comments
Closed

FEAT: option for responsive design #3056

micker opened this issue Sep 30, 2020 · 4 comments

Comments

@micker
Copy link

micker commented Sep 30, 2020

hello i am not sure its not already implement but i didn't find where
=> with grap we can change display for check responsive option but we can't change option for specific device ?
like change size of block on smartphone
exemple
image
what do you think about this ?

@MartinPutz
Copy link

@micker
If I'm understanding you correctly, then this is already implemented, when you change the styles of a component on a given device, a media query will be used.

You can see that on the demo page: https://grapesjs.com/demo.html

You can change the device to mobile, change the width of something and go back to desktop. The change is only applied for the mobile device. You can click on the view code icon at the top, scroll down to the bottom and you will see the media queries.

@micker
Copy link
Author

micker commented Oct 3, 2020

Ah cool

@artf artf closed this as completed Oct 10, 2020
@theSC0RP
Copy link

@MartinPutz I have implemented the responsive feature as shown in the getting started guide but when I click on the mobile icon, the layout is only squished. (The two-column layout does not change to two-row. Only the width is reduced) Can you pls help me if you have worked on the responsive design?

@RakulAgn
Copy link

This Option is Not available in Grapesjs MJML right ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants