📱

Responsive Breakpoints

무료 온라인 반응형 브레이크포인트 생성기. 모바일, 태블릿, 데스크톱용 CSS 미디어 쿼리를 생성합니다. 브레이크포인트를 커스터마이즈하고 코드 복사.

/* mobile */
@media (max-width: 767px) {
  /* styles */
}

/* tablet */
@media (min-width: 768px) and (max-width: 1023px) {
  /* styles */
}

/* desktop */
@media (min-width: 1024px) and (max-width: 1279px) {
  /* styles */
}

/* large-desktop */
@media (min-width: 1280px) {
  /* styles */
}