• letsgo@lemm.ee
      link
      fedilink
      English
      arrow-up
      5
      ·
      2 hours ago

      Same way you did it in 2024 but it’s easier because the springgirdles have been replaced with rotated manglebrackets.

    • Blackmist@feddit.uk
      link
      fedilink
      English
      arrow-up
      8
      ·
      7 hours ago

      Depends if you’re centering the div or the things in the div. Which has probably been the main issue since CSS was invented.

    • Rose@slrpnk.net
      link
      fedilink
      arrow-up
      15
      ·
      9 hours ago

      If using plain CSS, usually it’s enough to set width appropriately, and margin-left and margin-right to auto.

      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.)

      • loics2@lemm.ee
        link
        fedilink
        arrow-up
        3
        ·
        3 hours ago

        w-... mx-auto, replace the 3 dots with your desired width value, and that’s it with tailwind

        • toddestan@lemm.ee
          link
          fedilink
          arrow-up
          4
          ·
          3 hours ago

          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.

        • Ricaz@lemmy.dbzer0.com
          link
          fedilink
          English
          arrow-up
          10
          ·
          8 hours ago

          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

      • Ricaz@lemmy.dbzer0.com
        link
        fedilink
        English
        arrow-up
        2
        ·
        7 hours ago

        I’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…

    • impedans@lemmy.world
      link
      fedilink
      arrow-up
      9
      ·
      edit-2
      10 hours ago

      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.

      • Schadrach@lemmy.sdf.org
        link
        fedilink
        English
        arrow-up
        3
        ·
        2 hours ago

        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.

        • impedans@lemmy.world
          link
          fedilink
          arrow-up
          4
          ·
          10 hours ago

          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