Frontend Mentor - QR code component solution using Flexbox and Grid

The colours provided for the project seemed wrong compared with the preview. I manage to create the Desktop Preview using Flexbox. The main element of the design are built from nested divs.

I created the individual background pattern elements using divs, lis and CCS Pseudo elements. (not exact but ok..ish)

Didn't complete the mobile version but will add a media query later.

My CSS could do with little tidying... Enjoyed the challenge. https://codetinker.co.uk You can view my efforts here.