This is a great project to learn and practice the clip-path property in CSS. There are a total of 8 quirky characters that take up an unusual shape, and students have to crop the images using clip-path:polygon, and clip-path:ellipse. Once they crop each character, they'll use the float property to wrap the corresponding text around each image, and the shape-outside property to allow the text to flow right around the cropped image.

What's included in the download:

• 8 images of various characters that need to be cropped
• 7 instructional images to help students learn the clip-path property
• A completed example website
• A starter website with all the images and paragraphs that students will be working with
• A PDF example to post to Canvas so students can visually see what the completed website needs to look like
• A word document with complete instructions and explanations