Useful snippets

    CSS position floatish relative

    https://css-tricks.com/almanac/properties/p/position/#absolute

    To make the child element positioned absolutely from its parent element we need to set this on the parent element itself:

    .element {
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
    }
    
    .parent {
      position: relative;
    }

    Now properties such as left, right, bottom and top will refer to the parent element, so that if we make the child element transparent we can see it sitting right at the bottom of the parent: