Hi Bob,

First, thank you so much for your work in these tutorials. I find your style of teaching extremely conducive to how I learn.

I have a question about the result of the following CSS code:

img {
  float:right;
  margin:0px 0px 10px 10px;
  box-shadow:3px 3px 5px 1px #cccccc;
}

When the images were viewed on your video, and in my own browser snapped to the left half of my screen, the resulting layout looked similar to yours on your screen, however when I went back and viewed the HTML page in fullscreen at a resolution of 1920x1080 the images piled up on each other to the right (as instructed) and the captions piled up on each other to the left looking very broken in presentation. How can this be fixed or how can we instruct the images to stay aligned with their captions without being able to anticipate the screen resolution being used by the end user? 

EDIT: I welcome anybody to answer this question who can help me along here. Thanks!