CSS Tricks

Just a list of things I've done with CSS that I'd like to keep note of for future styling. Most of these will be in SASS format.

Vertical Centering

Been running into this a lot, helped me center images in middle of the screen even when resizing it. Percentages may need to be adjusted by case scenario along with media queries.

transform: translateY(-50%)
position: absolute
top: 50%

/* OR */

display: flex
flex-direction: column
align-self: center


Read Blog Post