Positioning containers inside a flex container, using the "middle portion of the page"
Really poorly illustrated but I'm effectively trying to accomplish this. My portfolio (https://www.callum-laing.com/) is one of those where I'm not fully utilizing the entire width of the page.
Something I've always struggled with, and hoped that learning grid would maybe help with, is trying to have my Contact section split like the image I've attached. I did attempt grid-areas but that just ended up with the form on the far-left side of the page, and the socials right next to it. Flex is probably my best bet but I'm not really sure how to go about handling coding it.
Ignore the mess, I've just copy pasta'd my portfolio code into a codepen, scroll to the bottom for container section
https://codepen.io/pen/
Something I've always struggled with, and hoped that learning grid would maybe help with, is trying to have my Contact section split like the image I've attached. I did attempt grid-areas but that just ended up with the form on the far-left side of the page, and the socials right next to it. Flex is probably my best bet but I'm not really sure how to go about handling coding it.
Ignore the mess, I've just copy pasta'd my portfolio code into a codepen, scroll to the bottom for container section
https://codepen.io/pen/
CodePen
...
