#Practicing using Boxes
from guizero import App, Box, PushButton, Picture
app = App( width = 450, height= 650)
Pic1 = "/home/pi/Pictures/ThankYou.gif"
Pic2 = "/home/pi/Pictures/Tardis1.gif"
Pic3 = "/home/pi/Pictures/WeepingAngle.gif"

Picture(app, image=Pic1, height=50, width=50)
box1 = Box(app, align="Top", border=1, width = 250, height= 140)
button1 = PushButton(box1, text="Box1: a button", height=1, width=15)
button2 = PushButton(box1, text="Box1:another button", height=1, width=15)
button3 = PushButton(box1, text="Box1:yet another button", height=1, width=25)

Picture(app, image=Pic2, height=50, width=50)
box2 = Box(app, align="Top", border=2, width = 350, height= 160)
button1 = PushButton(box2, text="Box2: a button", height=1, width=20)
button2 = PushButton(box2, text="Box2: another button", height=1, width=20)
button3 = PushButton(box2, text="Box2: yet another button", height=1, width=25)

Picture(app, image=Pic3, height=50, width=50)
box3 = Box(app, align="Top", width="fill", border=3)
button1 = PushButton(box3, text="Box3: a button", height=1, width=25)
button2 = PushButton(box3, text="Box3: another button", height=1, width=25)
button3 = PushButton(box3, text="Box3: yet another button", height=1, width=25)

app.display()