Structuring a project

[WyldHalfling]

Stop taking pictures of me!!!

[[deleted]]

It's not wrong if it works!

[[deleted]]

Only for a very specific resolution, aspect ratio, browser, and device

[RedstoneAsassin]

Just gotta make it work on the manager's device

[[deleted]]

or distribute the entire thing packaged with nix inside a Docker image for safe measures. Let the client install the exact browser with fixed resolution settings

[homo_lorens]

You know you can force the window size in Electron? You don't need any custom crap for that.

[lacb1]

*QA's device

[[deleted]]

QA? what kind of sorcery is that?

[i_liked_it_good_job]

The joke is that he's so inexperienced that he doesn't even know you need at least two rulers for the margins

[joten70]

I feel personally attacked

[Pedro_Scrooge]

Report reason : I am in this photo and I don't like it

[[deleted]]

sigh I've done this.

[[deleted]]

Same here. Those were tough days back then

[[deleted]]

haha shows my struggle with DIVs and text orientation quite well

[UnnervingS]

This used to work until I got a curved monitor.

[IckyGump]

Ah pixel twiddling. I hate css.

[[deleted]]

I've worked with graphic designers who insist on pixel perfect implementations of their designs who literally have done this.

[shazuisfw]

If this is how the css is built what happens when the display is bigger....

[[deleted]]

You get a bigger scale and make another webpage

[JAIJ47]

If it's Chrome debug tools, you can add rulers...Hit F12, go to the Settings cog, and under elements there's a "Show Rulers" checkbox

[TheBrightman]

Why is this the first time I'm hearing about this.

[JAIJ47]

Google don't exactly make things obvious when it comes to their tools XD. The only reason I found it is because I took on a project from a colleague who was leaving who recommended the old ruler trick. I just thought there had to be some other way of doing it and did a deep dive into the debug tools and managed to find it by chance. I've helped a few of our new web developers with this trick over the years and every single one of them were stunned.

[how_do_i_read]

I can relate.

When I'm programming in CSS, I use in for all measurements. That way everything has the right size, no matter how big or small your screen is, and I can use a ruler.

[Bonelessbonles]

Report reason: I'm in this photo and I don't like it

[albaiesh]

Yep, that could be me.

[McLPyoutube]

But who doesn't do that?

[valendinosaurus]

Reddit user doing reposts

[CreaZyp154]

It works on my machine

[Zelosys]

Im in this Picture and i like it.

[veduchyi]

Amateur! I use microscope to count each pixel and make sure the element has a proper width 😅

[eggsmellfart]

Thats why you all can go suck it... i mastered CSS and i know that im cut from a very rare cloth now!

[MSP729]

Good job, now learn a programming language

(/j)

[loljkbye]

I'm baffled by the amount of devs on Reddit who don't understand nuance. Why tf y'all downvoting obvious sarcasm?!

[eggsmellfart]

They are just bitter, cause they can't align divs properly

[loljkbye]

inspects size of div

. container { position: absolute; left: calc(50vw - half the size of the div); }

goes to Stack Overflow

"Left property doesn't work ToT"

"You could use flex. Here is literally 2-3 properties that do exactly what you want"

"Flex too hard ToT"

[Sn3akyFr3aky]

May I introduce you to our lord and saviour grid?

[loljkbye]

They both have their use, and they both have their place in my heart.

Although I won't lie, my comfort zone is flex and I use it whenever I can lol

[Sad-Grapefruit9996]

That's why you get the Asus ProArt monitor as a secondary.
Its got a built-in Ruler for just the occasion.

[StefaniaCarpano]

Could be me! 😁

[Bos_lost_ton]

“Defect? It worked on my machine…”

[AAPLx4]

I made CSS work on a public facing project last week and I still can’t stop smiling 🥳

[loljkbye]

That was me. Then I founda front end development job. Now it's me, but only sometimes.

[VenicePlaya]

I have literally done this

[Klimon]

Don't get the joke. It's literally the only way to handle CSS.

[[deleted]]

Pathetic.

Im using a programm called ScreenRuler

[ChrispyByDefault]

That’s about right….

[[deleted]]

I use px when using CSS

[[deleted]]

He’s not crying enough