With over 9 years of hands-on experience in web application analysis, design, planning, and management, I have had the privilege of transforming ideas into dynamic digital solutions. From handling eCommerce platforms to robust ERP systems, my expertise spans across JS & PHP-based frameworks and CMS like: WordPress, React JS, and Laravel.
The story behind tailwindcss-fluid-scale, from a frontend headache that kept following me across projects to an open-source Tailwind CSS v4 plugin I shared at the Laravel Ahmedabad Community Meetup.
As a frontend developer, I often face layout challenges. In this blog, I share how I achieved a full-width inner section across all devices using CSS Grid, viewport units, and aspect ratio. This is a single reusable solution for hero images and responsive layouts.
Angular and Bootstrap serve different purposes. Angular is a TypeScript-based framework used to build scalable, dynamic, and enterprise-level web applications with features like routing, data binding, and application structure. Bootstrap is a CSS framework designed for quickly creating responsive, mobile-first, and visually appealing user interfaces using pre-built components and grids.
.png "How I Solved the Full-Width Layout Challenge Using CSS")
