How tailwindcss.com Looks on Discord
This page shows how tailwindcss.com appears when shared on Discord. The current preview headline reads "Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.". It pairs with the description "Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML." and a social image. Overall, tailwindcss.com's setup scores 75/100 against Discord best practices.
Discord preview
Discord
tailwindcss.com
Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML.
Analysis
tailwindcss.com's social setup currently has 2 warnings that affect how it renders on Discord. The most impactful fixes are listed below - they range from missing required tags to image dimensions that will be cropped or rejected by specific platforms.
In particular: title is 76 characters - truncated on most platforms; missing og:type tag. Each of these has a one-line fix in the recommendations panel above.
What's working well: social share image found; description length is good (114 chars); twitter card type: summary_large_image. 3 of the checks we run pass cleanly.
Frequently Asked Questions
See tailwindcss.com on other platforms
Validate other sites on Discord
Validate your own URL
See how your site looks across all major social platforms - instantly, free, no signup.
Try LinkPreview.io