dunedin is a first-class city for first-class senior living and mease life is in the center of it all! our location makes it easy for our residents to feast at award-winning restaurants, tour the oldest brewery in florida or explore the outdoor haven perfect for hiking swimming biking kayaking and more if you've been searching for a life plan community with everything you'd want for retirement in one location we invite you to discover mease life. the name of the em unit originates ferom typography, where it represented the width of the letter "m" in the current font set. it is different in css though, as it represents the height of the current font. it is often considered good practice to use em units for text size whereever possible for maximum flexibility. creating grid templates. another truly fantastic feature of grid is the ability to define templates right in the css. you'll get a quick explanation here. but for a more in-depth look, check out video 16.5. ) here's an example (in html markup and css statement) that you can work from. the html defines three principal elements in the class wrapper(code 16.1). and now the css for these elements (code16.2). the first set of rules(for header, main, and aside) does something really important here: it tells the css how these elements will be referenced by name in the grid template using a property called grid-area. this property allows you to reference the selector by a friendlier name in the property grid-template-areas. dunedin is a first-class city for first-class senior living and mease life is in the center of it all! our location makes it easy for our residents to feast at award-winning restaurants, tour the oldest brewery in florida or explore the outdoor haven perfect for hiking swimming biking kayaking and more if you've been searching for a life plan community with everything you'd want for retirement in one location we invite you to discover mease life. the name of the em unit originates ferom typography, where it represented the width of the letter "m" in the current font set. it is different in css though, as it represents the height of the current font. it is often considered good practice to use em units for text size whereever possible for maximum flexibility. creating grid templates. another truly fantastic feature of grid is the ability to define templates right in the css. you'll get a quick explanation here. but for a more in-depth look, check out video 16.5. ) here's an example (in html markup and css statement) that you can work from. the html defines three principal elements in the class wrapper(code 16.1). and now the css for these elements (code16.2). the first set of rules(for header, main, and aside) does something really important here: it tells the css how these elements will be referenced by name in the grid template using a property called grid-area. this property allows you to reference the selector by a friendlier name in the property grid-template-areas.