Restaurant listing

For our restaurant listing page, we want a one-column grid on all phones and a two-column grid on all iPads. If you build and run the project by hitting the play button (or use CMD + R) and go to a restaurant listing page, you will see that we need to fix the spacing on the iPad to show two-columns correctly:

Let's see how we can fix this.

Open the RestaurantListViewController.swift file and add the following under the prepare() method:

func initialize() {
    if Device.isPad { setupCollectionView() }
}

Tip

You will get an error for the setupCollectionView() method. Ignore it for now as we will fix it shortly.

This method checks if the device is an iPad; if it is, it calls the setupCollectionView()method.

Next, add the following under the initialize() method we just added:

func setupCollectionView() {
    let flow = UICollectionViewFlowLayout()
    
    flow.sectionInset = UIEdgeInsets(top: 7, left: 7, bottom: 7, right: 7)
    flow.minimumInteritemSpacing = 0
    flow.minimumLineSpacing...