diff --git a/MP-TAB/MP-TAB.Client/Pages/User.razor b/MP-TAB/MP-TAB.Client/Pages/User.razor
new file mode 100644
index 00000000..aeb702b1
--- /dev/null
+++ b/MP-TAB/MP-TAB.Client/Pages/User.razor
@@ -0,0 +1,53 @@
+@attribute [RenderModeAuto]
+@* @attribute [RenderModeServer] *@
+
+@inject IJSRuntime JSRuntime
+@inject HttpClient Http
+
+<div class="card">
+    <div class="card-header">
+        USERNAME
+    </div>
+    <div class="card-body">
+        <div>
+            <ul class="list-group">
+                <li class="list-group-item">@Height</li>
+                <li class="list-group-item">@Width</li>
+                <li class="list-group-item">A third item</li>
+                <li class="list-group-item">A fourth item</li>
+                <li class="list-group-item">And a fifth one</li>
+            </ul>
+        </div>
+    </div>
+
+    <button @onclick="()=>getWDim()">
+        vai
+    </button>
+
+</div>
+
+@code {
+    public int Height { get; set; } = 0;
+    public int Width { get; set; } = 0;
+
+    public class WindowDimension
+    {
+        public int Width { get; set; }
+        public int Height { get; set; }
+    }
+    // protected async override Task OnAfterRenderAsync(bool firstRender)
+    // {
+
+    // }
+    // protected async override Task OnInitializedAsync()
+    // {
+    //     await getWDim();
+    // }
+
+    protected async Task getWDim()
+    {
+        var dimension = await JSRuntime.InvokeAsync<WindowDimension>("getWindowDimensions");
+        Height = dimension.Height;
+        Width = dimension.Width;
+    }
+}
diff --git a/MP-TAB/MP-TAB/Components/App.razor b/MP-TAB/MP-TAB/Components/App.razor
index 965b0d4e..040d30a9 100644
--- a/MP-TAB/MP-TAB/Components/App.razor
+++ b/MP-TAB/MP-TAB/Components/App.razor
@@ -25,6 +25,7 @@
     <Routes />
     <script src="_framework/blazor.web.js"></script>
     <script src="lib/bootstrap/js/bootstrap.bundle.js"></script>
+    <script src="lib/WindowSize.js"></script>
 </body>
 
 </html>
diff --git a/MP-TAB/MP-TAB/Components/Pages/User.razor b/MP-TAB/MP-TAB/Components/Pages/User.razor
index 985c4da4..79f07354 100644
--- a/MP-TAB/MP-TAB/Components/Pages/User.razor
+++ b/MP-TAB/MP-TAB/Components/Pages/User.razor
@@ -3,6 +3,8 @@
 <h3>User</h3>
 
 
+<MP_TAB.Client.Pages.User></MP_TAB.Client.Pages.User>
+
 @code {
 
 }
diff --git a/MP-TAB/MP-TAB/wwwroot/lib/WindowSize.js b/MP-TAB/MP-TAB/wwwroot/lib/WindowSize.js
new file mode 100644
index 00000000..a8d2d770
--- /dev/null
+++ b/MP-TAB/MP-TAB/wwwroot/lib/WindowSize.js
@@ -0,0 +1,6 @@
+window.getWindowDimensions = function () {
+    return {
+        width: window.innerWidth,
+        height: window.innerHeight
+    };
+};
\ No newline at end of file