CSS @Media Queries in Tamil| CSS Responsive Website Design Tutorial in Tamil | CSS Tutorial in Tamil

Media queries allow you to apply CSS styles depending on a device's media type (such as print vs. screen) or other features or characteristics such as screen resolution or orientation, aspect ratio, browser viewport width or height, user preferences
The @media rule is used in media queries to apply different styles for different media types/devices.

Media queries can be used to check many things, such as:

width and height of the viewport
width and height of the device
orientation (is the tablet/phone in landscape or portrait mode?)
resolution
Using media queries are a popular technique for delivering a tailored style sheet (responsive web design) to desktops, laptops, tablets, and mobile phones.

You can also use media queries to specify that certain styles are only for printed documents or for screen readers (mediatype: print, screen, or speech).

In addition to media types, there are also media features. Media features provide more specific details to media queries, by allowing to test for a specific feature of the user agent or display device. For example, you can apply styles to only those screens that are greater, or smaller, than a certain width.

#csstamil #css #css3 #cssintamil #cssbasics #cssmediaquery #cssresponsivewebdesign #csstutorials #webtechnologies

🔔Like, Subscribe My Channel👍

[Rajeshkumar--hh]

Media Queries illama responsive panna mudiuma example Grid vachi and min, max vachi ?