/*
Media Queries are composed of media types and media features
media types: various devices that can display HTML documents
print: matches to printers and other print-related displays
speech: screen readers
screen: all devices that are not print or speech
all: default
media features: targets a single specific feature of the device in question
•most used feature is: width
•often used with a min- or max- prefix
Add media queries 2 ways:
1. In HTML to link to a specific css file: <link media-"screen and (max-width: 400px)" rel="stylesheet" href="mobile.css">
2. In CSS using @media keyword and {} braces
@media (max-width: 400px){
.classname {
background: white;....
}
}