A Variant Look

Let’s assume that, after some consideration, we’ve decided that the ragged-edge look is a little too rustic for our intended recipients. Maybe we’d prefer something a little more modern and angular for all our hip friends.

A New Image

We’re changing the image as well: card-image.jpg has been changed to card-image2.jpg. Check the source of ch08prog10.html to verify this.

To accomplish this, we need to go back to the basic markup and styles as they stood in Figure 8.2 and then style a 2-pixel black border around the image. To account for this, we have to adjust the width of the outermost div because the image (575 pixels wide) plus ...

Get Eric Meyer on CSS: Mastering the Language of Web Design 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.