The latest articles on DEV Community by Karthik Pai (@karthikpaii). https://dev.to/karthikpaii 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%2F3872619%2F234f473d-9917-4d0b-946b-e308de376b92.png https://dev.to/karthikpaii en Karthik Pai Sun, 12 Apr 2026 17:41:53 +0000 https://dev.to/karthikpaii/useless-browser-1gg3 https://dev.to/karthikpaii/useless-browser-1gg3 <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>A Useless Browser which Provides Useless Answers. </p> <h2> Demo </h2> <p>cloud run: <a href="https://jovial-starship-2f4e98.netlify.app/" rel="noopener noreferrer">https://jovial-starship-2f4e98.netlify.app/</a></p> <p>Demo: <a href="https://www.youtube.com/watch?v=D1f9Ck2ByTg" rel="noopener noreferrer">https://www.youtube.com/watch?v=D1f9Ck2ByTg</a></p> <h2> Code </h2> <p>Github: <a href="https://github.com/karthikpaii/DEV-April-Fools-Challenge/tree/main/Browser" rel="noopener noreferrer">https://github.com/karthikpaii/DEV-April-Fools-Challenge/tree/main/Browser</a></p> <h2> How I Built It </h2> <p>Built Using HTMl, CSS, JavaScript using Google Antigravity</p> <h2> Prize Category </h2> devchallenge 418challenge showdev Karthik Pai Sun, 12 Apr 2026 17:29:21 +0000 https://dev.to/karthikpaii/uncentered-div-569i https://dev.to/karthikpaii/uncentered-div-569i <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>The div is not centered properly. Whenever I click on it, it shifts forward instead of staying in the same position. This creates a poor user experience and can be quite irritating for users. </p> <p>This is a submission for the DEV April Fools Challenge</p> <h2> What I Built </h2> <p>The div is not centered properly. Whenever I click on it, it shifts forward instead of staying in the same position. This creates a poor user experience and can be quite irritating for users.</p> <h2> Demo </h2> <p>Live Demo: <a href="https://gleaming-kangaroo-30847c.netlify.app/" rel="noopener noreferrer">https://gleaming-kangaroo-30847c.netlify.app/</a><br> Video Demo: <a href="https://youtu.be/mN1iH2AHGxY" rel="noopener noreferrer">https://youtu.be/mN1iH2AHGxY</a></p> <h2> Code </h2> <p>GitHub Repo: <a href="https://github.com/karthikpaii/DEV-April-Fools-Challenge/tree/main/uncentered-div" rel="noopener noreferrer">https://github.com/karthikpaii/DEV-April-Fools-Challenge/tree/main/uncentered-div</a></p> <h2> How I Built It </h2> <p>Using Javascript, CSS, and HTML..<br> Google Antigravity is used to build.</p> <h2> Prize Category </h2> devchallenge 418challenge showdev