Learning CSS as a backend developer

I am a backend developer trying to learn CSS.  I have never truly embraced CSS in my entire career.  I enjoy working Javascript (only worked with jQuery).  But somehow, CSS never made sense for me.  I hated centering content, fixing alignment issues and investing so much effort on non-functional reason.  But now, thanks to flex and grid, centering content makes it easier.

How do I center content?  Why would I spend so much time on purely aesthetic reason?

Freecodecamp (The lessons are free for everyone)

I have looked at freecodecamp.org curriculum, and it looked awesome.  I would recomend it as a starting point for anyone wanting to learn CSS.  I would also recommend it as a starting point for anyone who wants to switch careers and go into web development.  The lessons are interactive, and learned the concepts by doing and testing it out for myself.

Look at the curriculum:
(They even have machine learning)  

 

I am currently going through this series and currently at Responsive Web Design Certification.  I managed to create this menu and learned a lot along the way.

I used flex to create the space between the label. 

display:flex;
justify-content: space-between;

Thank you FCC for making this free for everyone! Recommending this as a starting point for those who want to learn web development.

Looking forward to going through the lessons and learn how to properly code javascript next.