A fluid grid on the shark movies page

Let's search for some other non-percentage-based widths/margins/paddings. So we're not worried about anything related to vertical distance, like height, margin-top, margin-bottom, padding-top or padding-bottom. And we're not worried about any value of 0.

We will come across auto for the left and right margin in the wrapper rule set:

.wrapper {  max-width: 960px;  width: 90%;  margin: 0 auto;}

This doesn't need to be converted into a percentage because auto automatically calculates the width based on the space available, so it's as good as a percentage.

We are worried about this margin property in the following declaration block:

.content-block .figure {  float: left;  margin: 30px; border: 15px solid #fff; ...

Get Mastering CSS now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.