web: design fixes eg: blog titles & link wrap (#4305)

Co-authored-by: Evgeny Poberezkin <2769109+epoberezkin@users.noreply.github.com>

website/src/blog.html

@@ -58,7 +58,7 @@ active_blog: true
                 </div>
                 <div class="p-6 md:py-8 flex-[2.5] flex flex-col">
                     <div>
-                        <h1 class="text-grey-black dark:text-white text-lg md:text-xl font-bold ">
+                        <h1 class="text-grey-black dark:text-white !text-lg md:!text-xl font-bold ">
                             <a href="{{ blog.url }}">{{ blog.data.title | safe }}</a>
                         </h1>
                         <p class="text-sm text-[#A8B0B4] font-medium mt-2 mb-4 tracking-[0.03em]">

website/src/css/style.css

@@ -46,6 +46,10 @@ img{
   -ms-user-select: none; /* For Internet Explorer and Edge */
 }
 
+a{
+  word-wrap: break-word;
+}
+
 /* #comparison::before {
   display: block;
   content: " ";