.grid figure figcaption, .grid figure figcaption > a 두 개의 다중 선택자에서 top 값이 150px로 되어 있는데 일단 이 위치로 인해 아래쪽의 a 태그 요소가 보이지 않습니다. 적절하게 값을 낮추면 a 태그 요소가 보일 것입니다. 하지만 이 값이 의도한 전체적인 결과에 미치는 영향을 고려해야 할 것입니다.
.grid figure figcaption > a 선택자의 font-size의 속성 값이 0으로 되어 있어 텍스트 자체가 보이지 않습니다. 무슨 이유로(시간상 자바스크립트까지 확인을 못함) 0값을 설정했는지 모르겠지만 a 태그가 안 보이는 문제에 관여되어 있습니다.
그리고 같은 선택자 내의 opacity의 값이 0으로 잡힌 것 역시 어떤 이유인지(시간상 자바스크립트를 확인 못함)를 모르겠지만 a 태그 요소의 보이지 않는 문제에 관여되고 있습니다. 더불어 text-iendent 속성 값(들여쓰기)을 왜 200%로 잡았는지에 대한 명확한 이유도 확인이 안되며 이 값도 a 태그 요소가 안 보이는 문제에 관여하고 있습니다.
이러한 내용들을 참고하여 자바스크립트 파일을 포함하여 코드를 확인해 볼 필요가 있을 것 같습니다.