DivMagic icon indicating copy to clipboard operation
DivMagic copied to clipboard

Responsive elements

Open hoyere opened this issue 2 years ago • 1 comments

Is there any support for getting the responsive elements or the break points of an element and that div code? Or do i need to adjust the window size and grab several variations with DivMagic?

Or am I coming at this the wrong way, I have never been a strong frontend guy, so maybe there is a technique I am just not aware of....

Thank you, sorry for posting in issues, not sure where else to ask

hoyere avatar Jan 11 '24 11:01 hoyere

When you set the Media Query setting On, DivMagic should automatically get all the break points for an element.

If you use Tailwind CSS option, it will put them into the class names. If you use any other CSS option, it will put them under the <style> @media

For example, this is Airbnb's footer: https://divmagic.com/studio/c/1E4SLhRD0f

The break points are put under the @media tags inside <style>

Please let me know if this helps!

RealBrianH avatar Jan 11 '24 11:01 RealBrianH