The react grid is defined with 12 columns and each row takes by default row_height = 150 px. You can take all the available width with something like self.app.main[:6, :12] in your code. The available height in the user monitor is not possible to be known, then in this case, the map will take 6*150 = 900 px. You can change the row height to the value you want, but it is not adaptative .
1 Like