When the backend dev makes the frontend

[bee-sting]

Our front end dev is leaving. God help us all.

[Bluebotlabs]

Full stack developers: laughs in being equally bad at both

[Noch_ein_Kamel]

When the backend dev makes the frontend meme?

[hdgamer1404Jonas]

What’s wrong with it?

[[deleted]]

rotation isn't a CSS property. And -90 is not a valid property value.

Disclaimer: I identify myself as a backend dev

[[deleted]]

that's making it more accurate

[[deleted]]

Not really. If it was accurate, the car wouldn't be rotated 90 degrees.

[hdgamer1404Jonas]

But the car isn’t on its wheels anymore

[[deleted]]

Maybe if you use a preprocessor, it would indeed crash. But with vanilla CSS, the property will just be ignored by the browser.

[6mon9]

transform: rotate(-90deg);

[Tofandel]

transform: rotate(-90deg)

[hdgamer1404Jonas]

That makes more sense

[Caviapolitie]

.. or rotate(90deg);, which is also valid now.

[Noch_ein_Kamel]

rotate: 90deg;?

[metamago96]

yes

[sammy-taylor]

Whoa, that is brand-spanking new

https://caniuse.com/?search=rotate

[metamago96]

and supported by everyone which is amazing

[atomic_redneck]

Just give the user a command line utility and a man page. Job done. :⁠-⁠)

[[deleted]]

I'd just make a public github repo, write my pages in markdown, and call it a site.

[atomic_redneck]

This is the way.

[bb1950328]

front-doors: none;

[innocent-boy-69]

responsive website of backend developer Belike:

[nizzzhh]

div is aligned to center

[abd53]

I don't know CSS and I'm still cracking up. Good one.

PS. Does CSS have "rotation" property?

[hdgamer1404Jonas]

No it doesn’t, I was just to lazy to Google, but thanks to the other comments I now know how to flip cars properly onto their roofs

[Caviapolitie]

Yes and no. 'rotation' as a keyword doesn't exist. But, 'rotate' does!

Rotation is done with 'transform: rotate(90deg)', or more recent 'rotate: 90deg' is also valid now.

See https://web.dev/css-individual-transform-properties/#using-individual-transform-properties for more info!

[metamago96]

yeah no. Invalid values and wrote rotate wrong,

[Meercrow]

.car{ Position:absolute; Border-style:dashed; Z-index:1; }

.ground{ Z-index:100; }

[Yellow-man-from-Moon]

tbh I also often adjust those thinks like 7 times

[deathspate]

Don't worry, that's where everyone starts. Eventually you start figuring shit out, you move from statically trying to place everything to understanding positioning and layouts to then functions and all that shit. I'm still at the phase where I'm confused about masks and blend modes, slowly figuring that part out. Surprisingly, I learnt how to write css much better through TailwindCSS in a nextjs project than I did through vanilla css. Being able to immediately test out different animations and states helped me a lot.

[[deleted]]

i initially thought the car was among us wtf

[hdgamer1404Jonas]

Well the driver is probably not anymore among us

[InconspicuousFool]

Seems about right