To make elements responsive and mobile friendly, we use the media queries method
media queries allow you to make your website responsive, without creating mobile app, which is also better for SEO.
When using media queries you declare a boundary or "limit" of pixels, If user screen size have crossed or dropped the limit, the style of the element will change.
In the next example we use media queries method to create responsive form, resize the browser window to see the effect. When the screen is less than 600px wide, the style of the page/component changes.
enjoy this css full course, we create this css tutorial for beginners With examples, and other advanced css tutorials, our courses are free, learn css3 online, free computer programming online courses.