Allow line breaks for <a> tags to keep body width on mobile

timlrx / tailwind-nextjs-starter-blog

This is a Next.js, Tailwind CSS blogging starter template. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs.

https://tailwind-nextjs-starter-blog.vercel.app/

MIT License

8.45k stars 1.96k forks source link

Allow line breaks for <a> tags to keep body width on mobile #957

Closed umihico closed 1 month ago

umihico commented 1 month ago

My blog's article has URL references at the end, and it create extra right margin on entire mobile layout. I confirmed that adding className="break-words" on <a> tags fixed that.

Before	After

Thank you for sharing this blog template.

vercel[bot] commented 1 month ago

@umihico is attempting to deploy a commit to the timlrx's projects Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] commented 1 month ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
tailwind-nextjs-starter-blog	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 10, 2024 1:37pm

timlrx commented 1 month ago

That makes sense, thanks for the fix! In the future, do run the code through prettier before committing.