diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 81353a6..5c93cd0 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -4,6 +4,7 @@
     <title>Counter</title>
     <%= csrf_meta_tags %>
     <%= csp_meta_tag %>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <%= stylesheet_link_tag 'application', media: 'all' %>
     <%= javascript_pack_tag 'application' %>
diff --git a/frontend/init/index.pcss b/frontend/init/index.pcss
index 38b093f..32bdbee 100644
--- a/frontend/init/index.pcss
+++ b/frontend/init/index.pcss
@@ -1,4 +1,5 @@
 @import "normalize.css/normalize.css";
+@import "bulma/css/bulma.css";
 
 body {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
diff --git a/package.json b/package.json
index 9721013..e345d7e 100644
--- a/package.json
+++ b/package.json
@@ -5,6 +5,7 @@
     "@rails/actioncable": "^6.0.0",
     "@rails/ujs": "^6.0.0",
     "@rails/webpacker": "4.2.2",
+    "bulma": "^0.8.2",
     "normalize.css": "^8.0.1"
   },
   "version": "0.1.0",
diff --git a/yarn.lock b/yarn.lock
index 541a0b0..028ea0b 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1692,6 +1692,11 @@ builtin-status-codes@^3.0.0:
   resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
   integrity sha1-hZgoeOIbmOHGZCXgPQF0eI9Wnug=
 
+bulma@^0.8.2:
+  version "0.8.2"
+  resolved "https://registry.yarnpkg.com/bulma/-/bulma-0.8.2.tgz#5d928f16ed4a84549c2873f95c92c38c69c631a7"
+  integrity sha512-vMM/ijYSxX+Sm+nD7Lmc1UgWDy2JcL2nTKqwgEqXuOMU+IGALbXd5MLt/BcjBAPLIx36TtzhzBcSnOP974gcqA==
+
 bytes@3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/bytes/-/bytes-3.0.0.tgz#d32815404d689699f85a4ea4fa8755dd13a96048"