I attempted to adjust the width of the wrapper div using @media queries based on different screen sizes
Here is where I implemented this code
@media screen and (min-width:768px) and (max-width:1023px) {
#wrapper {
width:625px;
padding-left: 50px;
margin:0 auto;
}
}
@media screen and (min-width:1024px) and (max-width:2047px) {
#wrapper {
width:865px;
margin:0 auto;
padding-left: 50px;
width: 927px;
}
}
Upon validating my file in W3C CSS Validation Service, I encountered these errors
Value Error : min-width Property min-width doesn't exist for media screen : 768px 768px
Value Error : max-width Property max-width doesn't exist for media screen : 1023px 1023px
Value Error : min-width Property min-width doesn't exist for media screen : 1024px 1024px
Value Error : max-width Property max-width doesn't exist for media screen : 2047px 2047px
What could be causing these types of errors?