Separate CSS sheet

HTML-CSS
1

Greetings to All,

Is it possible to separate MEDIA QUERIES CSS from the main style.css? it will work…?

Thanks in Advance,

2

Sure, it will work. We keep different kind of css in different files and include them in head tags in proper order.

3

thanks IAmRC1

take a look at the exmaple below:

style.css (the below code is in style.css)
#container{
width: 1200px;
}

media.css (the below code is in media.css)

@media screen (max-width: 768px){
#container {
width: 100%;
}

is the the above arrangement will work? does the media queries can read #container even it is in the other sheets??

Thanks in Advance,

4

Sure it’ll work fine, it’ll just be difficult to manage, it’s generally easier if you put queries next to the code they affect.

5

Thanks Team,

Agree, but in my own point of view it is smooth and clean way, as long you know how to manage and handle it without being confuse.

Cheers!!!

6

Agreed with Dan but as a starter, you can keep them separate.

7

DanCouper is my syntax is exactly correct?