Loading…
6
Hit 1000 lines of pure CSS and felt like I broke something
I was working on this landing page hero section with a particle background and a floating 3D card reveal. After tweaking the clip-path and keyframes for like two hours, I checked the file size and realized I'd written exactly 1000 lines of CSS. No preprocessor, no JS hackery, just pure style rules and animations. It surprised me because when I started doing CSS battles years ago, I thought 200 lines was a lot. Has anyone else hit a weird milestone like that where you just stop and count?
2 comments
Log in to join the discussion
Log In2 Comments
kevin_murray885mo ago
1000 lines for a hero section? That's not a milestone, that's a red flag. You've probably got 400 lines of vendor prefixes and 300 lines of browser hacks in there that you don't actually need. I've seen production sites with complex layouts run on 200 lines of clean CSS. The whole point of CSS is to be efficient, not to flex your stamina. Clip-path and keyframes are cool, but if they're making you hit four digits for a single page section, you're overcomplicating it. Scale back the particle animations and use transforms more carefully, you'll cut that number in half.
8
gavin_mason315mo ago
@kevin_murray88 half those lines probably came from copying code off CodePen without trimming it down.
2