I have a grid of full width thumbnail images that I would like to apply hover effects to, but I am struggling to get anything to work. I think the structure of my images may be incorrect… please could someone point me in the right direction for the best way to lay these out? My site is here. Thanks in advance!
.img-grid {
margin:0px;
padding:0px;
float: left;
width: 25%;
overflow: hidden;
}
.img-grid: hover {
opacity: 0.7;
}
