creating the layout