Hello! Two month back me and my friend had created front-end of our project, which looked similiarly in browsers -> chrome, firefox, edge in laptop. After a month, we observed changes in alignment of cards, size of forms, buttons on chrome and firefox eventhough we haven't changed any of the code.
Can anyone say what might have caused this?
How professional web dev's write code to avoid such problems?
For further actions, you may consider blocking this person and/or reporting abuse
Top comments (2)
One thing that comes to mind, is autoprefixer. A plugin for postCSS
postcss / autoprefixer
Parse CSS and add vendor prefixes to rules by Can I Use
Autoprefixer
PostCSS plugin to parse CSS and add vendor prefixes to CSS rules using values from Can I Use. It is recommended by Google and used in Twitter and Alibaba.
Write your CSS rules without vendor prefixes (in fact, forget about them entirely):
Autoprefixer will use the data based on current browser popularity and property support to apply prefixes for you. You can try the interactive demo of Autoprefixer.
.
Thank you 🤝