scss snippet

1-readme.md

scss snippet

media-query.scss

// breakpoint khi style theo hướng desktop trước
@media (max-width: 1600px) {
// style cho màn 1920 zoom 125%
}

@media (max-width: 1440px) {
    
}

@media (max-width: 1366px) {
    //ipad pro, mac
}

@media (max-width: 1280px) {
    
}

@media (max-width: 1024px) {
    //ipad
}

@media (max-width: 992px) {
    
}

@media (max-width: 850px) and (orientation: landscape) {
    // điện thoại nằm ngang
}

@media (max-width: 768px) {
    
}

@media (max-width: 640px) {
    //desktop cỡ nhỏ nhất
}

@media (max-width: 639px) {
    //bắt đầu mobile
}

@media (max-width: 414px) {
    //iphon pro
}

@media (max-width: 375px) {
    //iphone x
}

@media (max-width: 350px) {
    //iphone s, nhỏ nhất
}