Как сделать так, чтобы верхняя рамка покрывала все горизонтальное пространство? Просто небольшой кусочек кода. Хотя я использовал правильный размер, он по-прежнему не охватывает всю область

class Customer:
def __init__(self,root):
self.root = root
self.root.title("Customer Billing System")
self.root.geometry("1350x750+0+0")
self.root.config(background="powder blue")
ABC=Frame(self.root,bg="powder blue",bd=20,relief=RIDGE)
ABC.grid()
ABC1 = Frame(ABC,bd=14,width=1350,height=100,padx=10,relief=RIDGE,bg="black")
ABC1.grid(row=0,column=0,columnspan=4,sticky=W)
ABC2 = Frame(ABC,bd=14,width=450,height=488,padx=10,relief=RIDGE,bg="cadet blue")
ABC2.grid(row=1,column=0,sticky=W)
self.lblTitle = Label(ABC1,textvariable=Date1,font=('arial',30,'bold'),pady=9,bd=5,bg="black",fg="white").grid(row=0,column=0)
self.lblTitle = Label(ABC1,text="Customer Billing System",font=('arial',30,'bold'),pady=9,bd=5,bg="black",fg="white").grid(row=0,column=1)
self.lblTitle = Label(ABC1,textvariable=Time1,font=('arial',30,'bold'),pady=9,bd=5,bg="black",fg="white").grid(row=0,column=2)