Lemmieres
  • Communities
  • Create Post
  • Create Community
  • heart
    Support Lemmy
  • search
    Search
  • Login
  • Sign Up
bleistift2@sopuli.xyz to Programmer Humor@programming.devEnglish ·
edit-2
11 days ago

CSS Gardening

sopuli.xyz

message-square
20
link
fedilink
580

CSS Gardening

sopuli.xyz

bleistift2@sopuli.xyz to Programmer Humor@programming.devEnglish ·
edit-2
11 days ago
message-square
20
link
fedilink
alert-triangle
You must log in or # to comment.
  • shovingleopardnsfw@lemmynsfw.com
    link
    fedilink
    arrow-up
    32
    ·
    11 days ago

    Sadly

    position: top;
    

    is not valid css. It should say

    position: absolute;
    bottom: 0px;
    

    Still funny though.

    • shovingleopardnsfw@lemmynsfw.com
      link
      fedilink
      arrow-up
      17
      ·
      11 days ago

      Ah, the author fixed it. Good job.

      • hemmes@lemmy.world
        link
        fedilink
        English
        arrow-up
        2
        ·
        11 days ago

        Thank God, that would’ve eaten me alive

    • some_guy@lemmy.sdf.org
      link
      fedilink
      English
      arrow-up
      4
      ·
      11 days ago

      You design people and your pedantry. > /dev/null for you.

      Jk, you’re fine.

    • anguo@piefed.ca
      link
      fedilink
      English
      arrow-up
      1
      ·
      10 days ago

      The px is making me eyes itch.

  • Michal@programming.dev
    link
    fedilink
    arrow-up
    21
    ·
    11 days ago

    If you trim that bush, it’ll seem larger

  • who@feddit.org
    link
    fedilink
    English
    arrow-up
    19
    ·
    11 days ago

    https://csszengarden.com/

    • some_guy@lemmy.sdf.org
      link
      fedilink
      English
      arrow-up
      6
      ·
      11 days ago

      Came to say the same. I’ve never taken it so literally.

  • yetAnotherUser@lemmy.ca
    link
    fedilink
    arrow-up
    8
    ·
    11 days ago

    Why is .tree’s position relative?

    • bleistift2@sopuli.xyzOP
      link
      fedilink
      English
      arrow-up
      32
      ·
      11 days ago

      Needed for the .leaves’ absolute positioning to be relative to the tree, and not relative to the universe.

      • hemmes@lemmy.world
        link
        fedilink
        English
        arrow-up
        10
        ·
        11 days ago

        Damn, I thought you were going to take me out to dinner first

    • BleakBluets@lemmy.world
      link
      fedilink
      English
      arrow-up
      7
      arrow-down
      1
      ·
      edit-2
      11 days ago

      It’s so the position: absolute for .leaves works relative to .tree. The implication is that .leaves is a descendant of .tree.

      position: absolute looks for the nearest ancestor with a set position in order to determine its own positioning context. Otherwise the absolute positioning would basically be relative to the viewport. If the position: relative was missing, the leaves would be against the bottom edge of the image.

      source

      edit: I mean .leaves, not .branch

  • Hofmaimaier@feddit.org
    link
    fedilink
    arrow-up
    4
    arrow-down
    1
    ·
    11 days ago

    Okay, nun weiß ich wie man Scharmbehaarung programmiert…

    • bleistift2@sopuli.xyzOP
      link
      fedilink
      Deutsch
      arrow-up
      7
      ·
      11 days ago

      Das ist nicht _iel.

      • Samsy@lemmy.ml
        link
        fedilink
        arrow-up
        3
        ·
        11 days ago

        This is mad_css!!

        • bleistift2@sopuli.xyzOP
          link
          fedilink
          English
          arrow-up
          2
          ·
          10 days ago

          THIS IS SPARTAAA

          • Samsy@lemmy.ml
            link
            fedilink
            arrow-up
            1
            ·
            10 days ago

            Hach, dachte fast den checkt keiner.

    • bleistift2@sopuli.xyzOP
      link
      fedilink
      Deutsch
      arrow-up
      4
      ·
      11 days ago

      Und *Scham

      • Hofmaimaier@feddit.org
        link
        fedilink
        arrow-up
        2
        ·
        11 days ago

        Scharm ^^

    • SubArcticTundra@lemmy.ml
      link
      fedilink
      arrow-up
      2
      ·
      11 days ago

      deleted by creator

  • JasonMcCrea@lemmy.world
    link
    fedilink
    arrow-up
    2
    ·
    9 days ago

    Saw this post about “CSS Gardening,” and I’m reminded of debugging my first responsive website. Did anyone else spend hours wrestling with margins and padding, only to realize it was a typo in the media query? I did! Now I meticulously check my syntax.

Programmer Humor@programming.dev

programmer_humor@programming.dev

Subscribe from Remote Instance

Create a post
You are not logged in. However you can subscribe from another Fediverse account, for example Lemmy or Mastodon. To do this, paste the following into the search field of your instance: !programmer_humor@programming.dev

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
Visibility: Public
globe

This community can be federated to other instances and be posted/commented in by their users.

  • 691 users / day
  • 5.84K users / week
  • 9.47K users / month
  • 19.1K users / 6 months
  • 1 local subscriber
  • 25.9K subscribers
  • 1.65K Posts
  • 53.9K Comments
  • Modlog
  • mods:
  • Feyter@programming.dev
  • adr1an@programming.dev
  • BurningTurtle@programming.dev
  • Pierre-Yves Lapersonne@programming.dev
  • BE: 0.19.12
  • Modlog
  • Instances
  • Docs
  • Code
  • join-lemmy.org