I am unable to get the picture at the left corner and the header centered in the middle

Kary Mullis

Any comments how to go about?

Can you post a link to your project? We need to see all the code to better assist you.

Umm. Sorry I changed the code on CodePen and now I don’t remember.

But, now I think it looks better in the new format.
CodePen link to the project: https://codepen.io/psomdeb25/pen/bajYvd/

So, I would like to close the issue.

For anyone stumbling across this. There are a couple of tricks to get stuff centered.
you can try:

margin: auto 0; - for horizontal alignment

position: relative;
top: 40%; - vertical alignment.

For anything more complex you should be using grid or flexbox i suppose.