In our previous lab, you got a taste of some basic HTML and applied a little formatting. In this section, we’ll go more in-depth on Cascading Style Sheets, or CSS, the W3C standard for defining the presentation of documents in HTML. By extracting the presentation layer from the structure of the content, we can more efficiently control how our pages are styled. CSS is a separate language with its own syntax.
This lab will also introduce you to the concept of responsive web design (RWD). With users on phone, tablet, and computer, we want to design sites that will look good on all of those devices. The premise behind RWD is that the HTML provides content and structure, but the styling flexes based on the device.
Image Source: Medium.com Best Practices of Responsive Design
In WebLab 02, we’ll cover: