Flexbox (for one-dimensional layout) and Grid (for 2-dimensional layout) really improved the situation and finally made floating and positioning obsolete.
There are plenty gamified learning tutorials like https://cssgridgarden.com/
There are plenty gamified learning tutorials like https://cssgridgarden.com/
I like flexbox /grid: Though I've been staying with flexbox since I know it better.
firefox has some really good grid inspection tools built in.