Common CSS Mistakes Should be Avoid

Using PX when it’s not Needed

Bad

				
					.class-name {
    padding: 10px 0px;
}

Good

				
					.class-name {
    padding: 10px 0;
}

Bad

				
					.class-name {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

Good

				
					.class-name {
    margin: 10px;
}

Bad

				
					.class-name {
    font-family:Helvetica; 
}

Good

				
					.class-name {
    font-family:Arial, Helvetica, sans-serif; 
}

Bad

				
					.class-name {
    margin: 10px;
    padding: 10px;
}

.other-class-name {
    margin: 10px;
    padding: 10px;
}

Good

				
					.class-name, .other-class-name {
    margin: 10px;
    padding: 10px;
}

Bad

				
					.navbar ul.menu li a {
   color: #000000
}

Good

				
					.menu a {
    color: #000000
}

Bad

				
					.class-name {
    color: black
}

Good

				
					.class-name  {
    color: #000000
}

Share On: