fix: add min-width to Cards and improve link styling for better responsiveness

medyo · medyo · commit 5be1db709c7e · 2026-03-01T22:01:15.000Z
diff --git a/src/assets/App.css b/src/assets/App.css
@@ -116,6 +116,7 @@ a {
 
 .Cards > * {
   flex: 0 0 calc((100% - ((var(--visible-cards)) * var(--cards-gap))) / var(--visible-cards));
+  min-width: 0;
 }
 
 .HorizontalScroll {
@@ -535,6 +536,8 @@ a {
   text-decoration: none;
   display: flex;
   flex-direction: row;
+  word-break: break-word;
+  overflow-wrap: anywhere;
 }
 
 .rowTitle:hover {

Original file line number	Diff line number	Diff line change
`@@ -116,6 +116,7 @@ a {`
`116`	`116`
`117`	`117`	`.Cards > * {`
`118`	`118`	`flex: 0 0 calc((100% - ((var(--visible-cards)) * var(--cards-gap))) / var(--visible-cards));`
	`119`	`+ min-width: 0;`
`119`	`120`	`}`
`120`	`121`
`121`	`122`	`.HorizontalScroll {`
`@@ -535,6 +536,8 @@ a {`
`535`	`536`	`text-decoration: none;`
`536`	`537`	`display: flex;`
`537`	`538`	`flex-direction: row;`
	`539`	`+ word-break: break-word;`
	`540`	`+ overflow-wrap: anywhere;`
`538`	`541`	`}`
`539`	`542`
`540`	`543`	`.rowTitle:hover {`