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

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

#1

Kary Mullis

Any comments how to go about?


#2

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


#3

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.


#5

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.