Now that we have an idea how CSS works, we can build on this logic to create some working styles for our application:
We'll begin by studying some of the bad patterns we need to avoid. We'll look at how they impact styles and further development negatively.
Next, we'll look into some good practices, such as using responsive design and normalizing style sheets.
We'll look at how to organize your style sheets to make them easier to extend and troubleshoot.
We'll cover how to position your map wherever your application needs it.
Before I go too far with telling you what to do, let's go through a few things you should avoid. These bad design habits are typically picked up while working through beginner tutorials and copying and pasting single-page applications off the Internet:
Styling your elements inline: Trying to change the appearance of 20 or more paragraphs one by one is a pain.
Making everything important: The important clause allows you to override styles...