Having an issue hyperlinking my CSS grid at work. is their a way I can have each item in the grid hyperlink?
You should apply darker background behind the headlines, or at least set shadow on fonts so white font can be visible on white background
//shadow
text-shadow: 2px 2px #000;
//font background
background-color: #0a1431b0;
padding: 2px;
I'd make the <a> element into a display: block, set a background-image and then set its width and height to 100%. That should make one big clickable block with a single element. I'm assuming it has already got a containing grid.
CSS governs only the layout of elements on the page and hyperlinks are created in HTML. You need to wrap your pictures into <a> tag. Then you can set a hyperlink using "href" attribute.