How purecss.io Looks on Facebook
This page shows how purecss.io appears when shared on Facebook. The current preview headline reads "Pure". A description is set but no image - meaning the preview will render without a visual. Overall, purecss.io's setup scores 51/100 against Facebook best practices.
Facebook preview
Large card (image ≥ 600px wide)
pure-css.github.io
Pure
Pure is a ridiculously tiny CSS library you can use to start any web project.
Compact card (image < 600px wide)
pure-css.github.io
Pure
Pure is a ridiculously tiny CSS library you can use to start any web project.
Analysis
purecss.io's social setup currently has 1 error and 1 warning that affect how it renders on Facebook. 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: no social share image found; missing og:type tag. Each of these has a one-line fix in the recommendations panel above.
Frequently Asked Questions
See purecss.io on other platforms
Validate other sites on Facebook
Validate your own URL
See how your site looks across all major social platforms - instantly, free, no signup.
Try LinkPreview.io