committed by
Randell Dawson
parent
b163022952
commit
f0798189c9
@ -93,7 +93,7 @@ and (orientation: landscape) {
|
|||||||
|
|
||||||
### Breakpoints based on Content
|
### Breakpoints based on Content
|
||||||
|
|
||||||
This is the most preferred choice while making or writing the breakpoint rules. Because it is easier to adjust your content according a particular layout only when it requires a change.
|
This is the most preferred choice while making or writing the breakpoint rules. Because it is easier to adjust your content according to a particular layout only when it requires a change.
|
||||||
```
|
```
|
||||||
@media only screen (min-width: 768px){
|
@media only screen (min-width: 768px){
|
||||||
...
|
...
|
||||||
@ -102,7 +102,7 @@ This is the most preferred choice while making or writing the breakpoint rules.
|
|||||||
> This breakpoint means the CSS will apply when the device width is 768px and above.
|
> This breakpoint means the CSS will apply when the device width is 768px and above.
|
||||||
|
|
||||||
|
|
||||||
#### You can also set a range with breakpoints, so the CSS will only apply within those limits.
|
#### You can also set a range with breakpoints, so the CSS will only apply within those limits.
|
||||||
```
|
```
|
||||||
@media only screen and (min-width: 768px) and (max-width: 959px){
|
@media only screen and (min-width: 768px) and (max-width: 959px){
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user