The website UI that I drew out
I already see the repetitive element which is the block containing the picture of my past projects and a simple link underneath it.
Creating a Block.jsx component to contain these different blocks which each will have a unique 1. image link 2. text for the link 3. link URL
Because only the div in the middle needs to have spacing between the first and third div then I've made a ternary operator that gives a variable the value of 'box with the sacing' if true or 'normal box' if false.
Font family for signature:
font-family: 'Fuggles', cursive; font-family: 'Poppins', sans-serif;Font family for rest of page: