Headline Project


#1

I am having trouble with getting the margin or padding correct on one section of this website project I am working on. This link: https://s3.amazonaws.com/codecademy-content/projects/headlines/index.html#
is how the project is supposed to look like.
My project is this link: https://www.codecademy.com/courses/web-ext/projects/html-css-prj_headlines.
There seems to be too much space in between the images, also the images seem too small compared to the example.

Please help, Thank You


#2

the project link is the start code? Please put your exercise code in a bin (jsbin, jsfiddle, codepen) or github gist


#3

Here is a code pen containing my code: http://codepen.io/anon/pen/mWjKGW


#4

if you set the image width to 60%:

.cards img {
    width: 60%;
    margin-bottom: 25px;
}

of course the image will be smaller.


#5

Ok Thanks i will try that


#6

remove " width: 60%;" from the css


#7