Project 5

The goal of Project 5 was to demonstrate our learning of chapter 11 mostly and using colors and spacing in CSS effectively.

I will say this was a lot harder than I imagined. It took me a long time just to measure the blocks, do the math, and figure out how to space them so they all flowed like the example. Once I finally figured that out, I started changing the colors and adding images but my images even though I changed the size still kept turning up squished. I wish I could’ve found a way to fix it, I tried cropping the original image to make the picture less squished but it still tried to compress itself when I put it on the page.

My theme was Africa, because I really enjoy the colors that the wildlife and the landscapes and the culture are associated with. I also thought it would be an interesting mix between nature and humans and natural structures. I added images of animals in different positions and tried to relate where I tried cropping them to what else was going on in the page. I also added the blending and gradient of colors to add a different effect rather than all solid blocks it creates more of a blending of colors within one or two blocks. I wanted to comment that one of the gradients I made to illustrate the range of skin tones in Africa, because most countries are diverse in skin color but I didn’t want to emphasize one or the other even though people of african descent are usually thought of as dark-skinned, there are people of african descent that have very light skin, so I didn’t want to stereotype the type of people that live there, but rather use colors to represent them as well as other aspects like their natural surroundings, plains, oceans, dark starry nights, and bright tribal colors as well.

I used all the required color applicators which included, hex codes, rgb, color names, rgba, hsl and hsla.

I wish I could’ve centered the color block and want to figure out a better way to control over 22 items on a CSS page. I also wasn’t sure if we were allowed to add text.. I thought about it but I didn’t think it would go in line with what the project was about(making color blocks with colors and pictures to illustrate a theme.) I also am still confused on hwo to cite your images with a scroll over link, I tried looking it up online and none of the codes I tried worked.

Project 5 link:


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s