Step 2

Let's see how the dictionary app is structured and styled.

Download the source code here and open the index.html file.

Notice the following line:

<link
  href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"
  rel="stylesheet"
/>

The dictionary app uses the Bulma CSS framework. Bulma is a popular CSS framework like Bootstrap. It defines a set of classes that can be used to style a web application. However, Bulma differs from Bootstrap in some ways, including having a more straightforward grid system. Additionally, Bulma does not employ JavaScript and archives its features using only CSS.

In the HTML body, you find the layout is divided into several sections, namely, Header, Search, Output, and Footer.