Which feature would you use in CSS to ensure a consistent style across different browsers?

A CSS reset is a tool used to standardize the styling of HTML elements across different browsers. Each browser has its own default styles for elements, which can lead to inconsistencies in how a web page appears. These discrepancies can affect margins, padding, font sizes, and other stylistic elements.

By using a CSS reset, developers remove or neutralize the default browser styles, establishing a clean slate. This allows for a consistent base upon which to build styles tailored to a specific design. As a result, the final appearance of the website is more predictable and uniform, regardless of the browser used to view it.

While media queries are useful for responsive design, they do not address cross-browser styling issues. Flexbox is a layout model that helps in structuring content in flexible layouts but does not inherently ensure cross-browser style consistency. The box model describes how elements are structured and spaced but it does not resolve the default styling variations present in different browsers.