How can I hire Nazmul Hawlader for Shopify theme or app development?

You can reach out directly via the hire form on nazmulcodes.org or hire through verified freelance platforms including Upwork (Top-Rated profile), Guru, Freelancer.com, or direct contract.

Do you build custom Shopify themes without page builders?

Yes. All bespoke themes are hand-coded with native Shopify Liquid, modern Vanilla JS, and CSS custom properties without bulky page builders (PageFly, GemPages, Shogun), guaranteeing sub-second load times and 90+ Lighthouse scores.

Can you fix broken Shopify themes, Liquid errors, and checkout glitches?

Yes. We offer rapid same-day troubleshooting for Liquid syntax errors, JavaScript console conflicts, broken AJAX cart drawers, mobile layout glitches, and Checkout Extensibility configurations.

How do you protect SEO rankings and fix broken URLs during Shopify migrations?

We execute comprehensive website crawls to detect 404 errors, map 1-to-1 and wildcard 301 URL redirects, verify canonical tags, and audit Google Search Console to protect 100% of organic search rankings.

Can you configure Shopify Flow automations and payment gateways?

Yes. We design end-to-end Shopify Flow automation workflows for restocks, cancellations, and order triage, as well as configure Shopify Payments, Stripe, PayPal, local payment gateways, and Shopify Markets multi-currency routing.

React & Frontend7 min readAugust 19, 2026

Modern CSS Mastery: Container Queries, Subgrid & Cascade Layers in Action

Say goodbye to media query hacks. Discover how CSS Container Queries and Subgrid enable truly modular, context-aware component styling.

Nazmul Hawlader

Senior Shopify & Full-Stack Engineer

Note: Key takeaways in this guide: • Style components based on parent container width rather than device viewport width. • Align card layouts across different grid rows flawlessly using CSS subgrid. • Organize CSS specificity conflicts predictably using @layer cascade hierarchies.

For twenty years, responsive design forced developers to adapt components according to the browser viewport width. Container queries finally give us what component-driven development always needed: components that adjust their design based on the size of their direct container.

1. Container Queries: The True Responsive Component

A card component placed in a narrow 300px sidebar can now display a compact vertical list layout, while the exact same component placed in an 800px hero area automatically expands to a horizontal split-card layout.

Summary & Key Conclusion

Modern CSS has evolved into an extraordinarily capable language that reduces reliance on complex JavaScript styling frameworks.

Written by Nazmul Hawlader

Top Rated

Senior Full-Stack Engineer & Official Shopify App Store developer. Founder of Stockly and Kilo (kilo.nazmulcodes.org), specializing in high-performance Shopify apps, client-side media compression, and sub-second web performance.

Read My Full Story Consult on Upwork

Modern CSS Mastery: Container Queries, Subgrid & Cascade Layers in Action

1. Container Queries: The True Responsive Component

Summary & Key Conclusion

Written by Nazmul Hawlader

Recommended Related Articles

Remix v2 Single-Fetch Architecture: Why It Beats Traditional SPAs and Next.js

State Management in Modern React: Zustand vs Context vs Server State

Building Accessible (WCAG AA Compliant) UI Components in React from Scratch