fix long titles not wrapping on large displays

components/item.js

@@ -15,9 +15,9 @@ export default function Item ({ item, rank, children }) {
       <div className={styles.item}>
         <UpVote itemId={item.id} meSats={item.meSats} className={styles.upvote} />
         <div className={styles.hunk}>
-          <div className={`${styles.main} flex-wrap flex-md-nowrap`}>
+          <div className={`${styles.main} flex-wrap`}>
             <Link href={`/items/${item.id}`} passHref>
-              <a className={`${styles.title} text-reset flex-md-shrink-0 mr-2`}>{item.title}</a>
+              <a className={`${styles.title} text-reset mr-2`}>{item.title}</a>
             </Link>
             {item.url &&
               <a

components/item.module.css

@@ -1,7 +1,7 @@
 .title {
     font-weight: 500;
     white-space: normal;
-    margin-right: .5rem;
+    max-width: 100%;
 }
 
 .upvote {
@@ -13,6 +13,7 @@
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+    flex: 1 0 128px;
 }
 
 .other {