How to make responsive design in fancybox gallery on modx?

Question

MODX

It is necessary that when the browser window is reduced, the images are stretched to full width
Code
[[[email protected]?
&elementClass=`modSnippet`
&element=`Gallery`
&limit=`30`
&totalVar=`gallery.total`
&album= `About`
&containerTpl=`gallery-outer`
&thumbTpl=`gallery-thumb`
&thumbWidth=`190`
&thumbHeight=` 106`
&imageWidth=`900`
&imageHeight=`700`
]]
I remove the thumbWidth and thumbHeight values ​​so that the image dimensions are taken from the styles, but in this case the default values ​​are passed to the src of the image h=100 w=100
The link itself
href="[ [+image]]"
src="[[+thumbnail]]"

Answer 1

what about modx? You need to edit the css.