Always use proper CSS comment syntax (/* */) instead of inline comments (//) for better cross-browser compatibility and code consistency. Additionally, rely on autoprefixer configuration for vendor prefixes rather than manually adding them, which reduces code duplication and maintenance overhead.
Example of proper CSS commenting:
/* Good: Proper CSS comment syntax */
right: 10px; /* Allows clicking on the scrollbar */
/* Avoid: Inline comment syntax */
right: 10px; // Allows clicking on the scrollbar
For vendor prefixes, configure autoprefixer at the project level instead of manually adding prefixes:
/* Good: Let autoprefixer handle this */
user-select: none;
/* Avoid: Manual vendor prefixes when autoprefixer is available */
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
This approach ensures consistent formatting, reduces maintenance burden, and leverages build tools effectively for better code organization.
Enter the URL of a public GitHub repository