responsive layout for chapter 5