Conventions used
There are a number of text conventions used throughout this book.
Code in text: Indicates code words in text, database table names, folder names, filenames, file extensions, pathnames, dummy URLs, user input, and Twitter handles. Here is an example: “To do this, create a folder named styles inside the project’s folder.”
A block of code is set as follows:
/* Layout styles */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.grid {
display: flex;
flex-wrap: wrap;
} When we wish to draw your attention to a particular part of a code block, the relevant lines or items are set in bold:
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0" > <link rel="stylesheet" href="styles/base.css"> <link rel="stylesheet" href="styles/layout.css"> <link rel="stylesheet" href="styles/module.css"> <link rel="stylesheet" href="styles/state.css"> <link rel="stylesheet" href="styles/theme.css"> </head>
Bold: Indicates a new term, an important word, or words that you see onscreen. For instance, words in menus or dialog boxes appear in bold. Here is an example: “As this is an example taken from the Packt website, you will notice that it contains items such as the company logo, search bar, and the Sign In button.”
Tips or important notes
Appear like this.
