---
title: "How to use responsive web design media queries  in css"  
description: "How to use responsive web design media queries  in css"  
author: "Anonymous User"  
published: 2016-01-05  
updated: 2016-01-05  
canonical: https://www.mindstick.com/forum/33837/how-to-use-responsive-web-design-media-queries-in-css  
category: "css-css3"  
tags: ["css-css3", "responsive design", "css"]  
reading_time: 1 minute  

---

# How to use responsive web design media queries  in css

I want to use [responsive web design](https://www.mindstick.com/blog/468/the-fluid-grid-concept-flexible-grid-for-responsive-web-design-in-css3) [media queries](https://www.mindstick.com/blog/469/media-queries-using-css3) in css.please help me.

## Replies

### Reply by Anonymous User

if you want to use media queries in css go to https://developer.mozilla.org/en-US/docs/[Web](https://www.mindstick.com/articles/12783/the-ultimate-bunch-of-free-web-design-resources)/CSS/Media_Queries/Using_media_queries for more details.

### Reply by Anonymous User

[Media](https://www.mindstick.com/articles/44257/the-impact-of-social-media-on-lawsuits) [queries](https://www.mindstick.com/forum/33678/sub-queries-in-sql-server) are simple filters which can be applied to CSS styles. They make it easy to change styles based on the device rendering the content, including the display type, width, height, orientation and even resolution.

use to like below code:

```
/*For Smartphones (portrait and landscape) ----------- */@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {/* Styles */}/*for iPads (portrait and landscape) ----------- */@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {/* Styles */}/*For Desktops and laptops ----------- */@media only screen  and (min-width : 1224px) {/* Styles */}
```


---

Original Source: https://www.mindstick.com/forum/33837/how-to-use-responsive-web-design-media-queries-in-css

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.