Ok, so all my images are difference heights in widths. How can i make them all the same height and width with css?

You Can add a class to the html image tag such as img src="images/ect/picture.jpg" class="all-images" but by default you can just head to CSS and target the universal image css selector img{ height: 200; width:200;} tag that will add all the CSS properties that you add in this tag to any image on your webpage unless you have a image in a different class or id like img src="images/ect/picture.jpg" id="other-image" or if you hard coded the width and height like img src="images/ect/picture.jpg" height="200" width="200" the universal img{} tag wont affect those images. so make sure all the images are clear on class or id or hard code height and width values. best to add id or class to images that you want the same width and height there might come a time when you want different images sizes or effects. Be sure to add the class="" or id="" value to each image you want the same. you can target the class in CSS like this .all-images{CSS CODE GOES IN HERE} or for id like this #other-image{CSS CODE GOES IN HERE} the class css use the dot then the name class the id value uses the # sign then the name of the id. Be sure to save all files and reload the page for the changes to take effect.