Summary

We started this chapter by examining the CSS box model and its implications for web development. We learned to dissect websites as groupings of boxes of content, all of which can be manipulated in various ways. We also discussed why thinking about the box model can help improve one's design process as it more accurately reflects the way websites are actually developed. More relevantly, we learned that in order to be successful in Webflow, you have to shift your thought process away from the free-form nature of modern user interface tools and think more along the lines of the box model.

We then took a high-level overview of two of the most fundamental technologies of web development: HTML and CSS. We saw that HTML is a language that defines the content elements that make up a web page. We took a look at some basic HTML elements and how they can be structured together with some very basic examples. We then looked at how CSS complements HTML by marking up the styling and...