Create responsive websites with CSS3 media query

Create responsive websites with CSS3 media query

You all know that media query is used in CSS3 to make screen based styling and it’s a great option to make responsive websites. Nowadays most of the designers using CSS frameworks like Bootstrap, Baseguide, Foundation and more, but sometimes we need to make something without framework then you must know how to use media query.

Using media query in CSS is very simple and easy

We have 3 ways to use media query.

1. @import Method import CSS files
2. Writing media query in single CSS file
3. including linked CSS

1. @import Method import CSS files

2. Writing media query in single CSS file

3. including linked CSS

I hope this post help you please give your feedback or if any question, please ask in comments.

Author Surjit Sidhu

Surjit SidhuSurjit is a student of IT, a freelance web designer/developer and a tech writer. He deals with both front-end and back-end stuff. Whenever he is not in front of an Internet-enabled device he is probably reading a book or traveling.

Leave a Reply

Be the First to Comment!

avatar

wpDiscuz