As I delve into the world of web design, I am facing a bit of a learning curve after such a long break from building sites from scratch.
One thing that caught my attention in Dreamweaver is the pre-fabricated Bootstrap code within the .css files.
I'm curious why the minimum width set in the media queries is greater than the maximum width for different screen sizes?
Here is an example of what you would find in a new page:
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}Thank you in advance for any insights or explanations.
Sincerely, Clare