A two-minute trick for rotating objects

- Hello friends.…I'm Sue Jenkins, and welcome to…Productivity Tips for Web Designers.…Today, you'll discover how to add interest…to your grid-based layouts by rotating objects and text…with a simple two-minute CSS trick.…Before we begin, let's talk about the grid for a second.…These days, it seems like nearly every site on the internet…is neatly organized into rows and columns,…and that's great.…I love the grid as an organizing principle.…Unfortunately, grid-based layouts can easily become…monotonous or boring or even unruly…if special care isn't taken with…the principles and elements of design,…such as line and space, type, contrast,…proportion, and unity.…

So how do you keep a design interesting…when you're working with the grid?…Well, besides using the right colors, fonts,…and other graphic elements wisely,…while also considering the entire design…while making your design decisions,…think about contrast.…Contrast comes in lots of flavors.…You could do contrast with color, with scale,…with shape, even with orientation.…