The latest articles on DEV Community by Manisha Chauhan (@manisha_chauhan_00701eea4). https://dev.to/manisha_chauhan_00701eea4 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3868309%2F0118253e-7370-4afa-aecd-140a3d437381.png https://dev.to/manisha_chauhan_00701eea4 en Manisha Chauhan Wed, 08 Apr 2026 18:15:52 +0000 https://dev.to/manisha_chauhan_00701eea4/css-uncenterer-apocalypse-centered-divs-destroyed-en3 https://dev.to/manisha_chauhan_00701eea4/css-uncenterer-apocalypse-centered-divs-destroyed-en3 <p><em>This is a submission for the <a href="https://dev.to/challenges/aprilfools-2026">DEV April Fools Challenge</a></em></p> <h2> What I Built 💥 </h2> <p><strong>CSS Uncenterer Apocalypse</strong>! Perfectly centered divs get <strong>YEETED</strong> to random chaos—rotations, offsets, color madness. 0% utility, 100% "WHY?!" </p> <p><strong>🔥 LIVE:</strong> <a href="https://02manisha.github.io/DEv" rel="noopener noreferrer">https://02manisha.github.io/DEv</a></p> <h2> Demo </h2> <p>Your screenshot proves it! Purple div → total anarchy 🌀</p> <h2> Code </h2> <p><strong>Repo:</strong> <a href="https://github.com/02Manisha/DEv" rel="noopener noreferrer">https://github.com/02Manisha/DEv</a><br><br> <strong>Live:</strong> <a href="https://02manisha.github.io/DEv" rel="noopener noreferrer">https://02manisha.github.io/DEv</a></p> <h2> How I Built It 🛠️ </h2> <ul> <li>Pure <strong>CSS animations</strong> (shake/spin/wobble/color-shift)</li> <li> <strong>Pseudo-elements</strong> = extra divs free!</li> <li>1-line JS toggle</li> <li> <strong>Larry Masinter tribute</strong> 🫖 HTTP 418 everywhere</li> </ul> <h2> Prize Category 🏆 </h2> <p><strong>Best Ode to Larry Masinter</strong> - Teapots + 418 certified!</p> <p><strong>Judges, prepare for centering apocalypse! 💀</strong></p> <h1> AprilFoolsDEV #418 #CSS </h1> 418challenge showdev css devchallenge