chore: bump version (#277)

* style: set a gap in the flex container

* chore: change Banner copy

* style: allow article titles to `break-word`

* chore: bump version

package.json

@@ -1,7 +1,7 @@
 {
   "name": "safe-homepage",
   "homepage": "https://github.com/safe-global/safe-homepage",
-  "version": "1.3.14",
+  "version": "1.4.0",
   "scripts": {
     "build": "next build && next export",
     "lint": "tsc && next lint",

src/components/Blog/FeaturedPost/styles.module.css

@@ -22,6 +22,7 @@
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: baseline;
+  gap: 8px;
 }
 
 .metaStart {

src/components/Blog/Layout/index.tsx

@@ -15,7 +15,7 @@ const BlogLayout = ({ children, metaTags }: { children: ReactNode; metaTags: Met
       <Box mt={{ xs: '24px', md: '120px' }}>
         {children}
         <BannerForm
-          title="Get insider updates"
+          title="Get the Alpha"
           subtitle={
             <>
               Sign up to hear the latest from <i>Safe</i> in your inbox

src/components/Blog/styles.module.css

@@ -32,6 +32,10 @@
   align-items: baseline;
 }
 
+.title {
+  overflow-wrap: break-word;
+}
+
 .title,
 .excerpt {
   margin-top: 16px;
@@ -110,6 +114,7 @@
 @media (min-width: 900px) {
   .title {
     margin-top: 24px;
+    overflow-wrap: normal;
   }
 
   .avatarGroup {