Mirror not displaying on the entire screen

sdetweil

@jbeechey32 the default body is centered with a 60px margin

body {
  margin: 60px;
  position: absolute;
  height: calc(100% - 120px);
  width: calc(100% - 120px);

If u change the margin, u have to change the sizes too

BKeyport

@jbeechey32 I used this to get the entire screen.

body {
	margin: 0px;
	height: 100vh;
	width: 100vw;
 }

jbeechey32

@sdetweil

thank you. This did work to move the overall bottom margin, but it replaced the margin back on left and right.

I used @BKeyport advice, which did work. now all borders are to the screens edge. thank you both. Can you explain why one worked vs the other? or did I have to adjust the Calc equations?

Thank you

Jamal

sdetweil

@jbeechey32 I was showing you what is IN the css file, I DID NOT CHANGE IT,
I left that for YOU to do

@BKeyport changed it for you

jbeechey32

@sdetweil oh okay. it was changed. I had 0 px margin in my first post, where as you had but the original 60 px. my misunderstanding.

I think I understand why it changed now. Thank you both for your help.

cheers

sdetweil

@jbeechey32 said in Mirror not displaying on the entire screen:

oh okay. it was changed. I had 0 px margin in my first post, where as you had but the original 60 px. my misunderstanding.

the 1st post had margin 0px;
BUT left the width and height at 2 times the original margin… so 120px… (2 times 60)
if u wanted full screen, then you should also adjust the width and height…

I know this makes you read and think, that as my objective

jbeechey32

@sdetweil yes. I want to understand why things change under different adjustments and to not just copy and paste. The explanation of the calculation makes much more sense now. I was not understanding that at first. Thank you!

BKeyport

@jbeechey32 Sam tends to show you the START, I’ll show my solutions 'cuz I’m lazy, and figure other people are too. 🤣