Bit of help needed with div based 'table'

Hi All,

Hoping someone can help here, I am trying to make some navigation for a online store which currently works as it should with 4 categories in a 2 row 2 column format.

Code can be seen here: https://codepen.io/JamesLV/pen/GbBvQv

CSS can be seen here: https://codepen.io/JamesLV/pen/pXZrLq

the thing is they now want a 5th category adding, and the button to sit full width below the 2 columns above, as per image:

Unfortunately this is way beyond my level of expertise (I’m a print designer by trade) so I was hoping somebody might be able to help out with tweaking the code for me to reflect the clients request.

Many thanks in advance,

James

Ah, apologies, I may have misunderstood what the forum was about, I shall leave you in peace now!