using topLayoutGuide and bottomLayoutGuide to align