title: ExtJS grid.Panel Resize
body: <p>I have a grid.Panel inside a panel.Panel with layout: 'card'. How can I make the Grid resize with window resize?</p>
  
  <pre><code>cards = Ext.create('Ext.panel.Panel', {
                    renderTo: 'content',
                    height: 400,
                    activeItem: 0,
                    layout: 'card'
                    items: [{
                      items: [],
                      listeners: {
                        activate: function (tab) {
                          if (tab.items.length == 0) {
                            var baseGridPanelSettings = 
                              {
                               requires: [
                                'Ext.grid.feature.Grouping',
                                'Ext.grid.column.Action'
                               ],
                               height: 400,
                               layout: 'fit',
                               resizable: true
                              }
  
                            var gr = new Ext.create('Ext.grid.Panel', baseGridPanelSettings);
                            gr.reconfigure(activeDataStore, colsUncontactedLeads);
                            tab.add(gr);
                            tab.doLayout();
                          }
  </code></pre>