I am currently doing my portfolio challenge and I am encountering some problems with my current step.
So as you can see I am hoping to have two sections side by side, the div describing myself and the div with (eventually) my photo.
I am trying to get the image to sit horizontally and vertically center within its column. All efforts I have tried have failed at this. If anyone could point me in the right direction or tell me why it isn’t working that would be great! I feel like I am missing a basic concept.
You might also see that the right hand column is pushing out futher than boy of the page, this happened when I put the image in. Another problem I have been unable to solve :(.
Am i going about this the wrong way using the bootstrap grid system? Would simply floating the divs be easier for what I am trying to accomplish?
Also I went back and forward between having the image directly in the html with a and as it is currently which is as the CSS background for the div. Any way better than the other?
Any help is greatly appreciated!