Building our restaurant list

Currently, our restaurant list is not displaying anything other than gray boxes. We need to update this RestaurantListViewController in order to display actual restaurants. Let's get started.

Updating our background

First, we are going to change the background color of our Collection View:

1. Open Explore.storyboard and locate the RestaurantListViewController:

   

2. Then, select the Collection View:

   

3. Next, open the Attributes Inspector in the Utilities panel and select Background.

4. Under the Color Sliders tab, set the Hex Color # to F2F2F4 under RGB Sliders in the drop-down menu.

Updating our restaurant list cell

Now, we can start updating our restaurantListCell. Let's take a look at the design again, just as a reminder:

1. First, thing we need to do is update the cell background:

2. Select the restaurantListCell either in the Outline view or the scene. Then, in the Attributes Inspector, select Background:

   

3. Under the Color Sliders tab, set the Hex Color # to FFFFFF under RGB Sliders in...