we starting from the ground up ✊😔

https://codepen.io/una/pen/KKYXMNo https://codepen.io/web-dot-dev/pen/YzdByvg https://codepen.io/una/pen/KKYXMNo

        .card {
          /* card base styles */
        
          h2 {
            /* child element style */
          }
        
          &.highlight {
            /* modifier style */
          }
        
          &:hover, &:focus {
            /* state styles */
          }
        
          @container (width >= 300px) {
            /* container query styles */
          }
        }


        text-wrap: balanced;
        text-wrap: pretty;