How frontendmentor.io Looks on Discord

82/100
Good
1 fix recommended

This page shows how frontendmentor.io appears when shared on Discord. The current preview headline reads "Front-end coding challenges using a real-life workflow | Frontend Mentor". It pairs with the description "Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst ..." and a social image. Overall, frontendmentor.io's setup scores 82/100 against Discord best practices.

Discord preview

Discord

Front-end coding challenges using a real-life workflow | Frontend Mentor

Front-end coding challenges using a real-life workflow | Frontend Mentor

Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs.

Front-end coding challenges using a real-life workflow | Frontend Mentor

Analysis

frontendmentor.io's social setup currently has 1 warning 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 72 characters - truncated on most platforms. 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 (149 chars); twitter card type: summary_large_image. 3 of the checks we run pass cleanly.

Frequently Asked Questions

frontendmentor.io's `og:image` is 1200×630 pixels. Discord recommends 1200×675 (16:9 aspect).

See frontendmentor.io 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