Hey guys. For the Tribute project I am running into some problems. (I’m using big images and trying to make them fit in their boxes) Looking for some advise.
Here is a link to my page. http://codepen.io/Ava92/full/dXQkXm
The big Tesla image at the top was to far down (because the image is too tall), so I used this CSS to move it up and hide the over flow. Out of all the ways I found to do it, this one worked the best. Is there a better way?
I can’t cut off the bottom part of the big Tesla image so its pushing the rest of the content down as well. I tried adding bottom: -300px; but it didn’t work. Hopefully the advice I get for the first bullet will fix this.
At the bottom of the page where I have the 3 models of the car, all the images are different heights. I tried to set a max-width: 80%; so it would stay in the box and then I could mess around with the height to get them to all look the same but can’t get it to work (let me know if I should keep trying this way or if I should do something else). I also wanted to cut off and extra on the sides of the image so the car would taking up almost the whole picture but no luck.
I’ve been searching the webs, but I’m stuck… Any help would be awesome (so I don’t cry my self to sleep tonight ) .
(Those weird borders were there to help me see what I was targeting when I was using the CSS selectors. I’ll take them off when I finish)