AlumniCarlos Alvarez College of BusinessCollege for Health, Community, and PolicyCollege of Architecture, Construction and PlanningCollege of Education and Human DevelopmentCollege of Liberal and Fine ArtsCollege of SciencesKlesse College of Engineering and Integrated DesignUniversity College

Making Sense of the CSS Box Model

Based on old-school typography blocks, the CSS box model is the key to modern web design. Once you master it, you can build any layout you want—and troubleshoot most of the common CSS alignment and positioning woes. In this course, Morten Rand-Hendriksen offers a “four course meal” approach to the CSS box model, breaking it down into easily digestible chunks. He covers techniques such as styling text and images, floating content, using display properties, and positioning elements. He also explores the brave new world of modern layout modules, discussing Float, Flex, and Grid and how they can work together. Each lesson is supported by real-world demonstrations of the concepts in action, and Morten closes with a “nightcap” that will get you thinking about going further with CSS.

Learn More