Exercise : Resume (Use a Post-Modern Approach)

For my Typography 3 students (Fall 2015)

Basically, put your post modern resume in as an image.

To add an image in your main container (as content, not as a background image), use the html syntax:

<img src="images/nameofimage.png">

In the example above, the image has been saved as a .png file in a folder called “images” in your resume_postmodern folder.

In the CSS, style the image as such:

img{
width:100%;
}

This will make the image shrink and grow as the browser changes. This is a “quick and dirty” way to handle responsive images. You’ll learn more about setting images in a responsive environment for your final project.

Leave a Reply

Your email address will not be published. Required fields are marked *