Obviously, the smaller, centered Marquis Banner below looks "cooler" than the full-width one above. The reason the examples in this page are mostly full-width rather than smaller/centered is because that makes the blocks more versatile. Upcoming lessons will show how to create elaborate Web page layouts using columns, etc. Remember, the default behavior of blocks is to expand horizontally as much as possible. So when you put a block inside a column, it will expand horizontally ONLY as much as the width of the column will let it. So you could put one of the above full-width blocks into three different columns of different widths, and the three blocks will have different widths even though they have the EXACT same styles applied.
When you first learn how to style blocks (like in this lesson), it's tempting to try to make them look as cool as possible (smaller/centered). However, for the Homework in this Lesson, it's best just to create full-width blocks. That way, when you start using columns, you will be able to place your blocks into columns and they will automatically adapt to the column widths.