How to write Media queries in ionic app?

I have written the below media query for the device width of 320 , biut its not working for me

@media only screen and (max-device-width: 320px) and (-webkit-device-pixel-ratio: 2) {
.top-content{
h1
{
color:teal;
}

	img {
	    margin: 15px;
	    padding: 5px;
	    //border: 1px solid #0000ff;
	    height: 75%;
	    width: 70%;
	  //  float: center;
	    text-align: center;

			}
		}

	}

how do i make media queries work in my ionic app??

Media Queries work fine in Ionic. Do you have a CodePen, Playground, or Plunkr showing your issue?

Hi
There was a silly mistake in my code which i have resolved and media queries working fine in my app now :slight_smile: