Fix some stylistic bits and pieces

Author: pedantic-git

app/assets/stylesheets/custom/utilities/_typography.scss

@@ -1,7 +1,7 @@
 @use "../../brand" as brand;
 
 .is-force-wrapped {
-  overflow-wrap: break-word;
+  word-break: break-word;
 }
 .can-wrap {
   white-space: normal;

app/views/home/user_home.html.haml

@@ -6,9 +6,9 @@
       %p= t('.page_description2')
 %section.section
   .container
-    .fixed-grid.has-2-cols
+    .fixed-grid.has-1-cols.has-2-cols-tablet
       .grid
-        .cell.is-col-span-2= render 'url_card'
+        .cell.is-col-span-2-tablet= render 'url_card'
         .cell.is-fullheight
           .fixed-grid.has-1-cols.is-fullheight
             .grid.is-fullheight

app/views/layouts/_navbar.html.haml

@@ -4,8 +4,8 @@
       = link_to root_path, class: 'navbar-item' do
         = image_tag 'logo.svg', alt: t('icon_alt')
         %b= t('product_name')
-      %a.navbar-burger{role: 'button', aria: {label: 'menu', expanded: 'false'}, data: {navbar_target: 'burger', action: 'navbar#toggleMenu'}}
-        - 3.times do
+      %a.navbar-burger.has-text-white{role: 'button', aria: {label: 'menu', expanded: 'false'}, data: {navbar_target: 'burger', action: 'navbar#toggleMenu'}}
+        - 4.times do
           %span{aria_hidden: true}
     .navbar-menu{data: {navbar_target: 'menu'}}
       .navbar-start