Updating the grid

In order to update our grid, we need to take the following steps:

  1. Use cmd + Shift + O, and in the Open Quickly window, type Main.storyboard, and then hit Enter.
  2. Select the Collection View, and then, in the Utilities panel, select Size Inspector.
  3. Update the following values, based on the simulator that you are currently using. These values may need to be changed so that your grid has two columns of cells, so feel free to alter the values:

For iPhone 7, use the following values:

For iPhone 7 Plus, use the following values:

For iPhone 4/iPhone SE/iPhone 5/iPhone 5s, use the following values:

This is what everything should look like when you are done:

For now, as we just did, we will use storyboard settings to get our cells set up. Later in the book, we will make this dynamic so that our widths and heights adjust with code. Next, we will work on our section header.