Hi everyone! 👋 I'm Lilian, a frontend developer transitioning from Agricultural Science. This week, I launched my first professional portfolio hub, and I want to share a specific lesson I learned about CSS spacing that changed how I approach layouts. The Problem: Forcing Things to Fit When I was styling my portfolio, I noticed some elements felt too far apart. My quick fix? Negative margins. I wrote code like this: blockquote { margin-top : -40px ; /* Pulling it up by force */ } Enter fullscreen mode Exit fullscreen mode On my desktop screen, it looked perfect. But when I checked it on mobile, things started overlapping unpredictably. I was essentially "pulling elements upward by force" instead of letting them flow naturally. The Realization I realized that negative margins are often a shortcut that fights the document flow. They might solve a visual problem in one specific view, but they break easily when the screen size changes.…