Position content to center when it overflows
Normally, when content or an image overflows outside a div, the overflowing content is shown on the right outside the “box”. If you want to position the content to the center, so that overflow is on both sides, you can use this class. This is useful to position an image to the center on overflow.
Make an inner div full-width of the page
When a div is inside another div, adding
width: 100% will only stretch it to the width of the container. To make the stretch to the full widht of the page (or viewport), use this
Align second-line of bullets
HTML aligns the lines after the first line flush with the bullet point (the dot) instead of the text. Fix this with the class below.
text-indent property applies only to the first line of a text-block. With this class, we pull the first-line back along with the dot. Then we’re pushing the entire text-block including the dot with a margin-left.
Simple classes to position content on the z-index. Follows class-names used in design software like Photoshop, Figma, etc.