Custom CSS per breakpoint

Hi @Louis,

In spotlight #2 you proposed an option for media query styles to be set by cwicly defined media types: ##desktop##, ##tablet## and ##mobile##. To your request for input on this, I would like to say this is a good option if the breakpoint values are not known or important to the cwicly user. That is your code will subsitute the required media selector for the variable: desktop, tablet or mobile. However, to use matching breakpoints manually, the actual breakpoint values for the three devices need to be known. I would be happy adding media queries to custom css manually, with knowledge of the cwicly breakpoint values. For example,

@media only screen and (min-width: 600px) and (max-width: 800px) {
body {
background-color: lightblue;
}
}

1 Like