this post was submitted on 07 May 2025
1156 points (96.8% liked)
Programmer Humor
23563 readers
2958 users here now
Welcome to Programmer Humor!
This is a place where you can post jokes, memes, humor, etc. related to programming!
For sharing awful code theres also Programming Horror.
Rules
- Keep content in english
- No advertisements
- Posts must be related to programming or programmer topics
founded 2 years ago
MODERATORS
you are viewing a single comment's thread
view the rest of the comments
view the rest of the comments
Okay but how do u center a div in 2025
If using plain CSS, usually it's enough to set
widthappropriately, andmargin-leftandmargin-righttoauto.If using a Modern Frontend/CSS Framework, then may God have mercy on your poor soul.
(Seriously I just started a new project with TailwindCSS and I'm so confused. But not entirely desperate yet.)
So what is the point of these frameworks if they make it harder?
If you spend a lot of time on a single framework, you will transcend and become a sort of frontend diety, growing multiple extra limbs allowing you to type in CSS classes faster than any mere mortal
Until everyone moves over to the next thing and you start from 0 again. Web dev is a nightmare.
What's sad is that web development is only a nightmare so websites can be worse.
I genuinely believe it's part of the concerted effort by the cabal to make us accept a 'new normal.'
They don't want an environment where anyone feels like they can make a website. They want us to believe we need to spend years studying before we can do anything, and even then we can only do what our bosses tell us to.
This is a bit of a stretch I think..
Web development is complicated because it's indredibly poorly "designed" from the beginning, and doing a full redo is impossible.
It is 100x easier today than it was in 2006 when I started.
It's easier today to make a website that would be 'acceptable' in 2006.
Generally I find many these frameworks will make some complicated things simple, but the cost is some things that were once simple are now complicated. They can be great if you just need the things they simplify - or in other words can stick to what they were intended for, but my favorite way of keeping things simple is to avoid using complicated and heavy frameworks.
I think they exist because of ignorance.
People who don't understand how to do a task will usually choose the wrong tools for that task.
If someone is trying to cover up their lack of knowledge, they will usually make things more complicated than they need to be.
w-... mx-auto, replace the 3 dots with your desired width value, and that's it with tailwindI'm doing a small hobby project (a ladder/ranking system for playing beer sports with my community), and I tried out Tailwind.
I gave up and loaded Bootstrap instead, but I will probably end up just writing all the CSS myself.
Seems so silly to have 15 CSS classes on a single DOM element..
Why is that silly? As long as the classes follow a strict naming scheme & have useful abstractions, that seems much better than having to give every node a unique class name that doesn't necessarily have much meaning. I can't count the number of "container" and "wrapper" and "content" classes I've seen & written, where the names don't describe anything useful.
Who’s saying you’re using the frameworks correctly?
Shouldn't they be designed in an intuitive manner that makes misuse more difficult than regular use?
Otherwise, why even bother using them? It's like now you need to know all the ins and outs of CSS and a trendy framework that will lock you into their ecosystem.
Kidding aside, I think the popular frameworks these days are incredibly well made. Frontend web has always been hell, and if your job is producing functional web GUIs, you can't do it on a large scale without them.
Based on my own experience developing GUIs, I've reached the conclusion that creating them through code is obsolete.
We should be focusing on developing GUIs to develop GUIs, like Godot, instead of 'frameworks' that make an obsolete method of doing things even more cumbersome and complex.
Well, I find bootstrap very intuitive, and I don’t have 15 classes on my elements. That’s why I was asking.
My brother in Christ TailwindCSS just gives classes that let you do inline styling in a shorter syntax! (and theme configuration, but mostly inline styling)
Replace
width: ...pxwithw-...,margin-left: ...withml-...andmargin-right: ...withmr-.... Setting both horizontal margins ismx-...and both vertical margins ismy-....If you can do inline styling, TW just makes the syntax a bit shorter, but that's it, really.
If you define what you mean by centering I'll give you a straight answer.
Vertically? Horizontally? Center the text or the entire box? Compared to the viewport, the parent container or the entire page?
"Centering" isn't as straight forward as you'd think, and what you actually want usually depends on the situation.
Nah, just flex them boxes
Yeah that works if you wanna center a box of content it relative to the parent container, either horizontally or vertically. For other situations we've got different tools
Fuck it, align='center'. That'll center it horizontally relative to some context and if that's not good enough then you should have been more precise in your request.
Depends if you're centering the div or the things in the div. Which has probably been the main issue since CSS was invented.
While centering div, you add one to 2023.
Same way you did it in 2024 but it's easier because the springgirdles have been replaced with rotated manglebrackets.
Make your web page in GIMP, export to PNG,
<img>.You count half the pixels and put them in a margin-left
Ask the browser nicely while using please and thanks.
maybe the div is already where it's meant to be
2050: people still wondering how to center a div because html and CSS is a nightmare.
What threw me was having to set a width.
It's not about the center, it's about the friends we made along the way.
use
display: flexflex-direction: columnalign-items: centeron the parent container