Challenge: Coffee Café

Create a coffee shop menu using grid classes in Bootstrap.

Problem statement

Integrate Bootstrap 4 components to create a layout where visitors can obtain the introduction to our coffee shop, named "Tropicale." 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 the 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 cafe in the form of a grid.

Click the "Run" button to see this challenge’s layout design. Try to build this layout by using Bootstrap 4.

Get hands-on with 1200+ tech skills courses.