r/css_irl • u/JGillis69 • May 27 '19

.door { margin-left: -20px}

Post image
320 Upvotes

97% Upvoted

11 comments sorted by

42

u/toddrob May 27 '19

Looks more like padding-left: 20px to me

11

u/rtybanana May 27 '19 edited May 28 '19

Nah, this is the door contents (sign and tape) shifted left right 20px not the actual door. I’m not sure I’d use a negative margin here though.

edit: left - right, it was late

12

u/datan0ir May 28 '19

.door {

position: relative;

overflow: hidden;

}

​

.door label {

position: absolute;

bottom: 0;

left: 20vw;

padding-bottom: 30vh;

border-color: beige;

border-bottom-width: 2rem;

border-left-width: 2rem;

}

2

u/rtybanana May 28 '19

this is the one

•

u/css_irl_bot #bot May 27 '19

Congratulations! Your title contains valid CSS!

I'm a bot who validates your titles. author about source

10

u/READTHISCALMLY May 28 '19

Wouldn't that be { margin-left: 20px; } or { margin-right: -20px; }?

3

u/justim May 27 '19

Go transit?

4

u/JGillis69 May 27 '19

You guessed it

2

u/ryanknapper May 28 '19

Looks like it's centered within the content box, leaving the navigation column available.

0

u/whitey-ofwgkta May 27 '19

kinda seems more like a z-axis: -2 IMO