Our great sponsors
-
Bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
A great example of media queries for responsive design is the css framework bootstrap. This framework has 6 default breakpoints you can set for any given element. This means that specified element will change how it fits in the layout based on screen size while keeping other elements the same. I highly suggest having a look through the source code for bootstrap and seeing how they use media queries. It's how I really started to understand them. Have fun styling your sites.