The latest articles on DEV Community by Vignesh470 (@vignesh470). https://dev.to/vignesh470 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%2F1280337%2F0ddd2c6c-1080-4d41-b174-439d4b31cef5.png https://dev.to/vignesh470 en Vignesh470 Sun, 07 Apr 2024 08:28:27 +0000 https://dev.to/vignesh470/chat-app-illsutration-26lp https://dev.to/vignesh470/chat-app-illsutration-26lp <p>I've just completed a front-end coding challenge from @frontendmentor! 🎉<br> Chat app interface</p> <p>You can see my solution here: <a href="https://www.frontendmentor.io/solutions/chat-app-using-css-grid-with-bonus-initial-animation-on-page-load-4rfseBpkNn">https://www.frontendmentor.io/solutions/chat-app-using-css-grid-with-bonus-initial-animation-on-page-load-4rfseBpkNn</a></p> <p>Any suggestions on how I can improve are welcome!<br> <a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F69jntczhhb93fum436q1.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F69jntczhhb93fum436q1.png" alt="Image description" width="225" height="562"></a></p> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fa47xq6htpemyeemg93kc.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fa47xq6htpemyeemg93kc.png" alt="Image description" width="800" height="384"></a></p> webdev beginners css learning Vignesh470 Mon, 11 Mar 2024 09:11:36 +0000 https://dev.to/vignesh470/data-storage-component-design-challenge-2i81 https://dev.to/vignesh470/data-storage-component-design-challenge-2i81 <p>I've just completed a front-end coding challenge from @frontendmentor! 🎉</p> <p>You can see my solution here: <a href="https://www.frontendmentor.io/solutions/simple-data-storage-component-page-DhjoiFTCs-">https://www.frontendmentor.io/solutions/simple-data-storage-component-page-DhjoiFTCs-</a></p> <p>Any suggestions on how I can improve are welcome!</p> <h1> webdevelopment #frontenddeveopment #html #css #webdevelopmentproject </h1> <p><a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F509daar7ycyejh2sqbvb.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F509daar7ycyejh2sqbvb.png" alt="Desktop solution" width="800" height="423"></a><br> <a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fscpww3z1fzsoteb2603y.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fscpww3z1fzsoteb2603y.png" alt="Mobile solution" width="281" height="500"></a></p> Vignesh470 Mon, 26 Feb 2024 05:04:01 +0000 https://dev.to/vignesh470/social-link-profile-front-endmentorio-challenge-4na https://dev.to/vignesh470/social-link-profile-front-endmentorio-challenge-4na <p>I've just completed a front-end coding challenge from @frontendmentor! 🎉</p> <p>You can see my solution here: <a href="https://www.frontendmentor.io/solutions/social-profile-page-my-version-perfectpixel-chrome-extension-used-WN-UqlOna1">https://www.frontendmentor.io/solutions/social-profile-page-my-version-perfectpixel-chrome-extension-used-WN-UqlOna1</a></p> <p>Any suggestions on how I can improve are welcome!<br> <a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flrblp4r7flp3hqkbsljh.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flrblp4r7flp3hqkbsljh.png" alt="Social link profile - desktop preview" width="800" height="574"></a><br> <a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxgmlrt854vvo6rsr76y5.png" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fxgmlrt854vvo6rsr76y5.png" alt="Social link profile - mobile preview" width="375" height="824"></a></p> webdev css frontend Vignesh470 Sun, 18 Feb 2024 11:39:36 +0000 https://dev.to/vignesh470/recipe-page-challange-frontendmentorio-ke0 https://dev.to/vignesh470/recipe-page-challange-frontendmentorio-ke0 <p>I've just completed a front-end coding challenge from @frontendmentor! 🎉</p> <p>You can see my solution here: <a href="https://www.frontendmentor.io/solutions/i-used-css-flexbox-grid-and-media-queries-methods-in-this-challenge-PeGWCKT90M">https://www.frontendmentor.io/solutions/i-used-css-flexbox-grid-and-media-queries-methods-in-this-challenge-PeGWCKT90M</a></p> <p>Any suggestions on how I can improve are welcome!</p> webdev css frontend Vignesh470 Wed, 14 Feb 2024 10:12:05 +0000 https://dev.to/vignesh470/my-very-first-project-at-frontendmentorio-qr-code-component-enn https://dev.to/vignesh470/my-very-first-project-at-frontendmentorio-qr-code-component-enn <p>Hi guys! </p> <p>I've just completed a front-end coding challenge from @frontendmentor! 🎉</p> <p>It's about a simple card of QR code component page. I have done it using plain HTML and CSS in VS code.</p> <p>You can see my solution here: <a href="https://www.frontendmentor.io/solutions/qr-code-component-page-built-using-html-and-css-X0vdUJq66x">https://www.frontendmentor.io/solutions/qr-code-component-page-built-using-html-and-css-X0vdUJq66x</a></p> <p>Any suggestions on how I can improve are welcome!<br> <a href="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9aesw24o1hix85f1fjva.PNG" class="article-body-image-wrapper"><img src="https://media.dev.to/cdn-cgi/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F9aesw24o1hix85f1fjva.PNG" alt="Image description" width="800" height="383"></a></p> webdev beginners programming css