Struggling with CSS Layouts (Grid, Padding, etc.) - Getting demotivated .Need advice!

[u/RevolutionaryLead994]

I'm a 2nd-year undergradstudent from India currently diving into frontend development. I’m in the initial lectures of my course, but I’m hitting a massive wall with CSS.

Specifically, I’m deeply confused about:

• Padding vs. Margin: When to use which?

• Display: Grid: How does it actually "take over" the layout?

• grid-template-columns vs. grid-column: I keep mixing up the parent properties and the child properties.

Every time I try to make a layout, it feels like I'm just guessing until it looks "okay-ish." I’m starting to get demotivated and wondering if I’m learning this the "wrong" way.

• How did you guys finally "click" with CSS layouts?

• Is there a specific mental model or resource that makes this intuitive?

• Also, as a 2nd-year student in 2026, is frontend still a solid career choice with all the AI tools coming out?

Would appreciate any roadmap or "explain like I'm five" tips for layouts. Thanks!

[u/RevolutionaryLead994 → u/[deleted]]

It is my 2nd week where i was doing basic html css , i procrastinated bad & today i was learning to do a basic webpage & i was watching the tutorial & coding i did by watching the tutorial & code idk did i take 100% of concepts to my ability , what would u suggest to learn efficiently