Scrivere un blocco per Gutenberg WordPress

Abbiamo bisogno di un programmatore web. Devi scrivere un blocco per Gutenberg WordPress scritto in React ES6.
In breve:
C'è un div con un controller che cambia lo stile interno (stile inline) del padding:
Attributi: {
NewPadding: {
Tipo: 'numero',
Predefinito: 20,
}
Modifica: ( props ) = > {
... // controller
Const desktopStyles = {
Padding: newPadding
?

...
Tutto funziona bene, ora devi aggiungere, diciamo, una media query per la versione mobile.
Lo stile inline non supporta la media query, ma sono sicuro che in qualche modo puoi adattarti allo stile tramite script.
Scrivo questo qui perché sono molto debole su questo argomento. Penso che qualcosa del genere sarebbe perfetto:
Attributi: {
NewPadding: {
Tipo: 'numero',
Predefinito: 20,
}
NewMobilePadding: {
Tipo: 'numero',
Predefinito: 0,
}
Modifica: ( props ) = > {
... // controller
Const styles = function(){)
Se (window.innerwidth)
Solo nel modo giusto, mi capisci. Avrò domande.
Chiami il prezzo.