You have a Universal Windows Platform (UWP) app. The app has a page that includes the following XAML
markup. Line numbers are included for reference only.

Users report that the page takes a long time to refresh.
You need to improve the load time for the page while maintaining the same layout and functionality.
What should you do? improve layout performance for elements that overlap.

A.
Move the attributes from the BORDER element at line 02 to the GRID element at line 03. Then, remove the
BORDER elements at line 02 and line 11.

B.
Replace the TEXTBLOCK element at line 09 with a TEXTBOX element.

C.
Swap the markup at line 02 with the markup at line 03. Swap the markup at line 10 with the markup at line
11.

D.
Move the Fill and Opacity attributes and value from the RECTANGLE element at line 08 to the GRID
element at line 03. Then, Remove the RECTANGLE element.

Explanation:
Use single-cell grids for overlapping UI
A common UI requirement is to have a layout where elements overlap each other. Typically padding, margins,
alignments, and transforms are used to position the elements this way. The XAML Grid control is optimized to
https://docs.microsoft.com/en-us/windows/uwp/debug-test-perf/optimize-your-xaml-layout