Write HTML/CSS to customise the layout of a Wordpress page.

Aim -
We want to display images on a Wordpress page in a grid. Images need to be a 2 column grid with captions aligned underneath each image. Each image needs to link to an external webpage (that opens in a new window).

Brief -
We have a custom page template on our WP site and require custom CSS to display the content in a grid layout.

You would need to look at the custom page template and amend its code/write CSS to display the page content in the layout described below. We do not need a new theme written for the site.

The custom page is built using Advance Custom Fields, including the Flexible Layout Add-on. There is a repeated group of fields that contains an image field, a WYSIWYG field and a text field for a URL.

We need this content displayed on the website in a 2 column grid layout (see attached wireframe). Each entry on the grid is one group of the above three fields – an image, text from the WYSIWYG field aligned underneath the image like a caption and the image needs to link to the text in the URL text field.

A site visitor would see a 2 column grid of images, each with a caption and clicking on the image takes the visitor to an external URL.

The first stage of this job will be for you to look at the site and determine what work needs to be done and how long this will take.

Requirements -
Knowledge of HTML and CSS.
Experience of working with and customising Wordpress.
The WP theme being used is responsive. You should have understanding of the code used for responsive themes.

Start Date -
We need someone to start the work ASAP and, if possible, have the job finished this week.