Grapesjs: Exact size in media query

[motazad]

I want the changes made to the page to be displayed only when the size is selected.
Image

[motazad]

@artf In fact I want min-width and max-width for devices selected

[artf]

You can add your own devices

[motazad]

You can add your own devices

But it only works with the max-width

[MohammadGh2179]

I have the same problem
please help me
Thanks

[artf]

The only other option is to change the mediaCondition, you can't have both now.
If you have a better way to handle devices PRs are welcome

[motazad]

I used a trick and it was solved.

deviceManager.add('Extra Small', '576px', { widthMedia: '576px' }); deviceManager.add('Small', '767px', { widthMedia: '767px) and (min-width:577px' }); deviceManager.add('Medium', '991px', { widthMedia: '991px) and (min-width:768px' }); deviceManager.add('Large', '1199px', { widthMedia: '1199px) and (min-width:992px' }); deviceManager.add('Extra Large');