Modifying the restaurantCell collection view cell

Let's take a look at what the restaurantCell collection view cell looks like in the app tour:

Figure 12.44 – restaurantCell collection view cell for the completed Let's Eat app

As you can see, the restaurantCell collection view cell has many elements. You will now modify it to match the design shown in the app tour. A summary of the changes required are as follows:

• Change the size of the restaurantCell collection view cell to make it larger and change the background color to the default.
• Add a view, then add a label and a stack view containing three buttons to show the available reservation times.
• Add a view, then add an image view to show a photo of the restaurant.
• Add a label in the top-left corner to show the restaurant's name.
• Add a label just under the name label to show the cuisine the restaurant offers.

You'll be using the Size inspector to position...