update

main.js

@@ -46,7 +46,8 @@ const sites = [
 const item = (site) => `
 <a href="${site.url}" target="_blank" class="card">
   <h2>${site.title} &rarr;</h2>
-  <p>${site.description}\n${site.url}</p>
+  <p>${site.description}</p>
+  <p class="single">${site.url}</p>
 </a>
 `
 

style.css

@@ -53,6 +53,7 @@ a {
 }
 
 .card {
+  width: 100%;
   margin: 1rem;
   padding: 1.5rem;
   text-align: left;
@@ -82,6 +83,13 @@ a {
   line-height: 1.5;
 }
 
+.card .single {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  word-break: break-all;
+  white-space: nowrap;
+}
+
 .beian {
   margin-bottom: 20px;
   text-align: center;