{"id":2463,"date":"2021-06-20T12:43:13","date_gmt":"2021-06-20T12:43:13","guid":{"rendered":"https:\/\/learncode.tinjurewp.com\/?p=2463"},"modified":"2021-08-23T13:08:56","modified_gmt":"2021-08-23T13:08:56","slug":"container-queries-exites-web-developers","status":"publish","type":"post","link":"https:\/\/learncode.tinjurewp.com\/container-queries-exites-web-developers\/","title":{"rendered":"Container Queries Exites Web Developers"},"content":{"rendered":"

The CSS container queries<\/a> are said to be the future of responsive design<\/a>. Container queries are in discussion<\/a> for a while among some passionate web developers. These discussions seems to have got some traction recently after Google Chrome canary<\/a> started testing those basic concepts.<\/p>\n

According to the MDN Web Doc<\/a>, “the container queries specification is to become part of css containment<\/code><\/a>, and add new values to the contain<\/code><\/a> property. The contain<\/code> property was initially designed to allow for performance optimizations. It provides a way for web developers to isolate parts of the DOM and declare to the browser these are independent from the rest of the document<\/em>.”<\/p>\n

Personally, I believe this is the biggest improvement to CSS since Grid. It opens up all sorts of elegant solutions to problems we work around on a daily basis. Chris Coyier in CSS-Tricks<\/a><\/cite><\/cite><\/p><\/blockquote>\n

There are great tutorials<\/a>, deep-dive guide<\/a> (see resources below) already to try out but I will planned to wait until these futures are more stable and become available in other browsers. During that time, I thought these resources book mark links come handy, hopefully!<\/p>\n

Useful Resources<\/h6>\n

The following is list of references link that I gathered during my brief research. While preparing this post, I have also referred some of the following references extensively. Please to refer original posts for more detailed information.<\/p>\n