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...