mixinを使ってスマホ・タブレットのブレークポイントを設定したい

Question

前提

css mixinでスマホとタブレットのブレークポイントを設定したい　

実現したいこと

タブレットのブレイクポイントを作動させたい

発生している問題・エラーメッセージ

spとpcはちゃんとできるのですがtbのみうまく動作しません

該当のソースコード

$breakpoints: (

'sp': 'screen and (max-width: 599px)', //599px以下（スマホ）用の表示
'tb': 'screen and (mix-width: 600px) and (max-width: 1024px)', //600~1024px（タブレット）用の表示
'pc': 'screen and (min-width: 1025px)' //1025px以上（PC）用の表示
) !default;    

@mixin mq($breakpoint: sp) {

  @media #{map-get($breakpoints, $breakpoint)} {

    @content;
  } 
}

試したこと

mix-widthとmax-widthの部分が間違っていると思うのですが何がどう間違っているのか分かりません

デフォルトをpc表示にしたいので
'pc': 'screen and (min-width: 1025px)' //768px以上（PC）用の表示
の部分がいらないということでしょうか？

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

tb': 'screen and (mix-width: 600px) and (max-width: 1024px)', //600~1024px（タブレット）用の表示

↓

tb': 'screen and (min-width: 600px) and (max-width: 1024px)', //600~1024px（タブレット）用の表示

では？