Use case: style the e-commerce app

Now that you’ve carried out an assignment where you created both a CSS file and an HTML file, you should have a better understanding of how to write prompts and generate and accept suggestions from GitHub Copilot. Let’s now recall the beginning of this chapter, where we talked about the business problem and the e-commerce domain. We will now continue to solve problems in this domain but focus on visualization using CSS.

We will continue with the use case we started with in the previous chapter: our e-commerce store. We will focus on the basket page and leave the remaining pages for you to implement.

Basket page

To style our basket HTML page, we create a basket.css file and then we observe what CSS classes we introduced in the basket.html file. Let’s take a look at a representative snippet:

<div class="container">
        <div class="basket">
            <h1>Basket</h1&gt...