I am having issues with centering my <video> element?

HTML-CSS
1

I know the title is vague, apologies, I will try to make this concise and to the point:

Project: Product Landing Page
Issue: Struggling to center the video element , it is quite apparent on an ultra-wide screen (2560x1080).
What have I tried: using margin and/or padding and % values, but it does not result in desired effect.

CodePen: https://codepen.io/CodeDisciple/pen/GROYdgB

Lastly, while we are at it, my project passes 15/16 tests, with the failing one saying “The navbar should always be at the top of the viewport”, yet my navbar is at the top next to my header element?

2

You have padding-right on both the h3 and video.

BTW, you can also center grid items using place-items: center; on the grid container.

3

Ahh, okay. I was wondering why I couldn’t get place-items to work earlier, it was not in the grid container.

Yep, I see what you mean now along with place-items property. Back to the drawing board, thanks!

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.