starting with the layout