[Rails]Railsビューでtailwindのjustify-centerが効かない

Rails6 とTailwindでアプリを作っています。

Tailwindのjustify-centerがうまく効かずに困っています。

実現したいこと

Railsのビューで、justify-centerを適用してセンターの要素を２カラムの右側エリアの真ん中に持っていきたい。

起きている問題

センターの要素がサイドバー側に寄ってしまう。

コード

editページ

app/views/glider_flights/edit.html.erb
1<div class="justify-center">
2  <div>
3    センター
4  </div>
5</div>

layoutページ

app/views/layouts/application.html.erb
1<!DOCTYPE html>
2<html>
3  <head>
4    <title><%= full_title(yield(:title)) %></title>
5    <meta name="viewport" content="width=device-width,initial-scale=1">
6    <%= csrf_meta_tags %>
7    <%= csp_meta_tag %>
8    <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
9
10    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
11    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
12    <%= render 'layouts/shim' %>
13  </head>
14  <body>
15    <%= render 'layouts/header' %>
16    <% if flash.any? %>
17      <%= render 'layouts/notification' %>
18    <% end %>
19
20    <main class='container flex flex-wrap-reverse mx-auto px-4'>
21      <article class='w-full lg:w-4/12'>
22        <% if user_signed_in? %>
23          <%= render 'layouts/sidebar' %>
24        <% end %>
25      </article>
26      <article class='w-full lg:w-8/12'>
27        <%= yield %>    <=ここに表示される
28      </article>
29    </main>
30
31    <%= render 'layouts/footer' %>
32    <%= debug(params) if Rails.env.development? %>
33  </body>
34</html>

くどいですが、まとめると以下のようになります。

app/views/layouts/application.html.erb
1<!DOCTYPE html>
2<html>
3  <head>
4    <title><%= full_title(yield(:title)) %></title>
5    <meta name="viewport" content="width=device-width,initial-scale=1">
6    <%= csrf_meta_tags %>
7    <%= csp_meta_tag %>
8    <%= stylesheet_link_tag "tailwind", "inter-font", "data-turbo-track": "reload" %>
9
10    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
11    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
12    <%= render 'layouts/shim' %>
13  </head>
14  <body>
15    <%= render 'layouts/header' %>
16    <% if flash.any? %>
17      <%= render 'layouts/notification' %>
18    <% end %>
19
20    <main class='container flex flex-wrap-reverse mx-auto px-4'>
21      <article class='w-full lg:w-4/12'>
22        <% if user_signed_in? %>
23          <%= render 'layouts/sidebar' %>
24        <% end %>
25      </article>
26      <article class='w-full lg:w-8/12'>
27
28***********************この部分***********************
29　　　<div class="justify-center">
30  　　　<div>
31    　　　センター
32  　　　</div>
33　　　</div> 
34***********************この部分***********************
35
36      </article>
37    </main>
38
39    <%= render 'layouts/footer' %>
40    <%= debug(params) if Rails.env.development? %>
41  </body>
42</html>