girlcodeakl / girlcode2018-term2

Girl Code project
0 stars 0 forks source link

Make all images the same size + feed look better #22

Closed mgatland closed 6 years ago

mgatland commented 6 years ago

Users can post images of any size. Any size. It gets messy.

part 1

Use css to make the images in the feed always appear the same size - or at least, with the same width. (If you set the width of an image, its height automatically changes to keep the right proportions!

css rules to try:

width: 100%
width: 100px;

Decide which you prefer, and try changing the number a little bit. Make sure you try resizing your browser window to see how it looks on smaller screens too!

Part 2

While you're here, do you feel like adding margins and padding to the parts of the feed so it looks a bit nicer? Look at your tumblr, facebook or pinterest feed and pay attention to how much empty space there is between the different text and images.