Little things I can't get right

Link for my personal portfolio page here:

I ran into a serious roadblock getting some small things correct and I’m sure I did something wrong.

  1. For the images in my table, I cannot seem to get overflow-x to work. you can see that a couple of rectangular images are squished rather than cropped.

  2. I am not able to center the images within the grid cell. The only way I was able to do it altered the corner profiles of the images.

  3. My biggest problem: no matter what I do I can’t seem to move the text in my nav bar and my footer to the right.

A couple other questions:

a. I used several different kinds of units on the page (v, %, px). Is this generally a bad idea? Which unit is most important for me to get comfortable with?

b. How visually proper is this code? I don’t want to be building rat’s nests that other people can’t parse.




ul{float: right}