aligning text to center of img

[carloshernandez.me]

Hey guys new here (meaning coding).
One of the issues I’m having is the alignment of several areas such as in the header (nav & h1 should be centered horizontally) Also in the projects section I can’t place the text in the middle of the image.

Kidart

Thanks for any help

[carloshernandez.me]

that solved the projects issue thanks, any idea on the header issue, also the <span>background isn’t stretching all the way across the page. can you lead me in the right direction.

[Soren]

If you mean the .project-text span, it’s an inline element by default. You need to make it a block with display: block;

header (nav & h1 should be centered horizontally)

Your nav and header headings are already centered when I look on a smaller screen. You have media queries in responsive.css that are restyling them as the screen gets wider. Just remove these. Or I may have misunderstood what you’re after so ignore this paragraph :)

[carloshernandez.me]

@soren
Thanks for that. Saved me a ton of time
The header, I’m looking to after a breakpoint have the nav align it self to the horizontal middle of logo & h1

[Author]

Posts