我试图将上部盒子与中心分开，并使下部盒子中的项目均匀分布。但是当我添加 时，左侧和右侧边箱尺寸不相等。下面是代码，如果你把它放在codepen中你会看到卡片没有被平等地分开。我该如何解决这个问题？

  

    

      
        
              
                
Group 1
              
              
              
                
Group 2
              
            
            
            
              
                
A
              
              
                
B
              
              
                
C
              
      
    
  


//script
const app = Vue.createApp({
  setup () {
    return {}
  }
})

app.use(Quasar, { config: {} })
app.mount('#q-app')