レスポンシブ対応しようとしてコード記載しても反映されない

ruby on railsで作ったサイトをレスポンシブデザインに対応させようと
していまして、スマホ用のコードを書いて、検証で確認してみても、反応しません。

原因はなんでしょうか？教えてください。

下記のようなコードを記載しています。
検証の際375×812のサイズで確認しています。

html
1<!DOCTYPE html>
2<html>
3  <head>
4    <title>Ryuta</title>
5    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
6    <%= csrf_meta_tags %>
7    <%= csp_meta_tag %>
8
9    <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
10    <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
11    <%# <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> %>
12  </head>
13
14  <body>
15    <%= yield %>
16  </body>
17</html>

css
1.inner{
2  display:flex;
3  padding:10px;
4  background-color: white;
5  
6  @media screen and (min-width:375){
7    .inner{
8      background-color: red;
9    }
10   
11  }
12}