Responsive design for phones

Lesson Details:
July 10, 2020


I: Introduction

A: The use of computers have been around for a while now with the introduction of the computer in the 1950s. Since then the use of computers has grown exponentially in many industries including healthcare, business, science and technology.

B: Programming is a type outlying method of using a computer for accomplishing a task. It is a fundamental building block of programming is to store information in a computer in a form that it can be processed by a computer.

II: Body

A: Responsive design for phones

1. Responsive design is a website layout which adapts to users “screen size”. Mobile phones are becoming more popular and responsive is a great way to make your site mobile friendly. This makes it easier for people to do tasks on their phone such as banking or shopping.

2. There are two types of responsive design. Mobile first and fluid layout. The difference between the two is that fluid layouts change according to screen size whereas mobile first layouts start with a base design and then expand from there as the screen gets larger.

3. In order to implement responsive design you will need to code two different versions of your site as well as a third one called the core theme. The core theme is where you set up the base design and then build from there as you go through each size. All three themes should be coded in exactly the same way so that they look exactly the same.

III: Conclusion

A: As seen earlier responsive design is a great way to make your website mobile friendly and help improve usability

loader
Course content