Challenge: Coffee Café in Angular

Problem statement

This is the same Coffee Café website that we created in the challenge section of the previous chapter. The only difference is that Angular is used to implement it. The design requirements of the layout are as follows:

• Add the navbar which contains the information regarding the layout.

• Add a cover image to the layout equal to the resolution of the display screen using CSS custom class. Also, display the name of the brand at the center of the screen.

• Include a body section with two images, each with some text surrounding it.

• Add a section that displays the menu of the café in the form of a grid.

Build the layout

Please make the necessary changes in the appropriate Angular files to make this application executable. A hint is provided below for assistance.