Tip #13: Use Date to add the current year to your copyright claim
Tip #11: Push elements to the bottom of their containers with flex-grow
Picture this: you're working on a price table section that uses cards and each card has a different length list of features and a call-to-action button to purchase the plan below the list, you find that after implementing all the content, the section looks something like this:
Tip #7: Build grid systems with flex containers
It may come as a surprise that I recommend you use flex containers for building the basic 12-column grid system rather than CSS grid. While CSS grid is great for building literal grids... it's not the best for building a responsive, 12-column grid that most websites today use for layouts.
Gesture animations with framer-motion
This is Part 2 of my framer-motion series. Take a peek at Part 1 if you need an introduction to framer-motion. ... Gestures? It might sound really weird at first but gestures are actually just framer-motion talk for user interactions on your site. Think hovers, clicking, focusing, dragging. Things like that.
My stack going into 2023