CSS

In this blog post, I will explore various methods and techniques to achieve perfect center with CSS in 2023.

CSS naming conventions are a set of guidelines used to create consistent, readable, and reusable code.

CSS custom properties (also known as CSS variables) allow you to define variables that can hold a value, such as a color or font size, which can be used throughout your CSS.

When it comes to web development, CSS plays a vital role in styling a website. However, different browsers have different default styles, which can make it challenging to ensure a consistent look across all platforms. That's where reset CSS comes in.

Flexbox is a layout module in CSS that provides a more efficient way to arrange, align and distribute space among items in a container, even when their size is unknown or dynamic.

Working with experimental CSS requires you to know about vendor prefixes. Ensuring browser compatibility is important in an everchanging landscape, where new browsers are continuously being introduced.

Global styles in CSS needs to be used with care. Creating too many global classes, can have unwanted consequences, be hard to maintain and force you into using !important.

Media queries are a fundamental technique in making a website responsive and mobile-friendly. Media queries are a way to apply different styles to a website based on the size and characteristics of the device that is being used to view the website.

I’ve never been much for commenting my own code, until I realised how much it helps other developers understand my logic, approach and it shorten the time they spend on getting familiar with my projects.

The !important declaration is used too much in modern CSS. If you write proper lean and clean CSS, and target the right classes, you won’t have to use the declaration, and put future you in a pickle.