updated to percentage based layout