Most common CSS mistakes made by web developers

CSS, or Cascading Style Sheets, is quite easy to learn but difficult to master. A web developer who hasn’t mastered CSS will make mistakes. Here are some of the common CSS mistakes that are made by web developers.

Cascading Style Sheets, also known as CSS, is a style sheet language that is used to apply different styles on HTML tags. Many people are under the impression that CSS is easy to understand. Although CSS is easy to learn, it is difficult to master. A developer who wishes to master CSS requires a lot of practice.

If you aren’t well versed with CSS, then you are bound to make mistakes. Here are some of the most common CSS mistakes that web developers make:

  1. Using inline CSS

Inline CSS is a technique for connecting CSS to HTML. This method can be used to link CSS; there is nothing wrong with it, but we should be aware of when we should use it and when we should not. We should always follow the DRY (Don’t Repeat Yourself) approach as programmers. Inline CSS makes it impossible to reuse our code because CSS attributes are unique to each element. It is, therefore, preferable to utilise CSS classes, which are designed to be reused.

2. Not using consistent naming
Using a consistent naming convention in your project is a smart idea since if you’re working in a group, consistency is critical. Otherwise, everything will become mixed up. We should also use meaningful names for class and id so that we can debug our code more easily and our code is more understandable.

3. Using only a single style sheet
If you’re working on a small project, it’s fine to use a single style sheet. However, if you’re working on a large project, splitting style sheets into distinct ones is strongly suggested because it’ll be easier to manage and provide better modularity. Different CSS files might be used for different fixes.

4. Only using absolute units
It’s alright to utilise absolute units in some situations, but it’s a major error to do so all of the time. Now, we want our websites to be responsive so that we can use them on a variety of devices, therefore elements must scale according to the size of the window. Absolute units do not scale as the window size changes, making them unsuitable for our responsive websites. As a result, using relative units rather than absolute units is highly advised.

Visit TechGig:



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


India's Largest Tech Community | 4.2 Million+ Developers | Guinness World Record Winner | Limca Book of Records