now with percent based layout
percent based layout for all portrait