Headline Project


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


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


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


if you set the image width to 60%:

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

of course the image will be smaller.


Ok Thanks i will try that


remove " width: 60%;" from the css