Why do [most] developers hate CSS?

** I would like us to go through some of them**: *1- “It’s hard to debug.”* *1- “It’s hard to debug.”* Let’s say you have created your HTML structure and confidently added rules in your stylesheet. However, you refresh the page and the UI is broken or your changes are not reflecting. When it comes to debugging, the developer console is your friend. This article gives a simple guide to troubleshooting CSS. Developer Tools for designers is also an awesome read with tips to master the console. Let’s have a look at some recurring cases that frustrate developers: **Overflow** How many times have you had to fight with an element overflowing on the page? You can use this old-school snippet to visualise the boundaries of every element on the page and help you catch the misbehaving element: … ## 3- *“Browser compatibility/support”* This has been a big issue for many years, with developers needing to include additional rules or hacks to ensure their CSS would work on all major browsers. However, a lot of progress has been made in the dev community to bridge the gap for browser compatibility. In case you wonder if a certain property has browser support, you can use a tool like https://caniuse.com/ . *4- “Too many CSS frameworks”* CSS frameworks can be very useful to speed up development time. However it’s still crucial for developers to understand the fundamental of CSS and be able to create UI with plain CSS. One personal challenge I worked on years back was to redesign the Google homepage without any CSS framework. It helped me carefully plan my HTML structure as well as get my hands dirty with positioning.