Exercise: An Arrangement of Pictures

Instructions

Save this webpage.

In your browser, go to File > Save, and save as Webpage, Complete. This will download this HTML file, a CSS stylesheet and all the images you see here.

Move all these files into your own Codepad.

Using HTML and CSS positioning, create an arrangement of pictures that describes some kind of environment.

Feel free to experiment with scale, rotation, and responsive design. Use the following position values at least once: