Any tips on good resources here? Besides freecodecamp obviously?
Try the bootstrap package for an easier time.
Generally CSS is a big field… like, if you talk general than you have to visualize the page as a bunch of stacked and layered rectangles. Each element is a rectangl e(margin) inside a rectangle (padding) inside a rectangle (content). You can manipulate each and then have to think about how to stack them on the page.
Then ofcourse come some interactions inbetween elements if their sizes don’t align properly.
CSS is fiddly and I’ve learned it mostly through a lot of fiddling, trying to make something work, googling why it didn’t work, and fiddling some more. When there are specific things you want to do with CSS, there are often guides online but even then the solutions might not work perfectly because the other CSS on your page affects the outcome.