Now that we have some of our code implemented, we need to finish arranging our view in
Main.storyboard. Previously, we only added the required elements and did not position or size them correctly. Switch to
Main.storyboard and scroll down to the
We have three items to position and size here, starting with the two image views. Select the first image view, and in the Utilities pane, select the Size Inspector submenu. Set the width and height to 180 pixels to create a perfect square. Position this image view horizontally in the center of the view and slightly higher than the vertical center of the view. Do not worry about being precise, and feel free to position the image view where you think it looks best!
Repeat this process for the other image view, making it an identical size and in exactly the same position. For this image view, switch to the Attributes Inspector submenu (in the Utilities pane on the right-hand side) and set its...