Responsive websites

Designing Responsive website is the being able to create websites that are allowed to work on multiple devices, large or small, Mobile, or desktop. It is creating one design that will automatically change itself based on the screen size of the mobile device.Having responsive Web designs make your web pages look good on any and all devices. Responsive websites use CSS3 media-queries and HTML5, also there are JavaScript based solutions.

Responsive web design helps by:

• saving time and money,we don’t have to have different websites for desktops and mobile phones.
• good for your website’s search rankings since we will be only using one website. we won’t have any situations where some websites link to our mobile site while others link to your desktop site.
• Responsive Designs are easier to maintain as they do not involve any server-side components. You just have to modify the underlying CSS of a page to change the layout on a specific device.

So far in my internship that i've been doing, the company uses material ui for responsive web pages.

Material design is a design language developed by Google in the year 2014. It uses grid-based layouts, responsive animations, transitions, padding and depth effects, such as lighting and shadows.

some features of material ui are :

• Responsiveness
• Mobile-ready
• Custom style props
• Interoperability
• Theming
• Customization, etc…

Material-UI library provides us many kinds of components it’s very easy to make use of Material Design elements in our React web or mobile application.

we can install material in our applications by using this

npm install @material-ui/core

they provide many components for buttons, menus, popups, text areas and a lot more. You can even customize them and make your webpages look pretty and become responsive !