From 33d5921722718d0236a529c5ac844409ffad3758 Mon Sep 17 00:00:00 2001 From: christocarr Date: Sun, 28 Oct 2018 11:22:29 +0000 Subject: [PATCH] Include mobile first approach (#20377) --- guide/english/html/responsive-web-design/index.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/guide/english/html/responsive-web-design/index.md b/guide/english/html/responsive-web-design/index.md index 8de02bc079..dd230fb45b 100644 --- a/guide/english/html/responsive-web-design/index.md +++ b/guide/english/html/responsive-web-design/index.md @@ -5,6 +5,8 @@ title: Responsive Web Design Responsive web design is the concept of designing web pages that adapt to different screen sizes. It commonly involves the use of different layouts, font sizes, and placement of navigation menus. +A mobile first approach should be used when building a responsive website or web app which means styling for the smallest screen first, usually 320px, and then using media queries to style layout for larger screens. + In order to create a responsive web page, CSS is commonly used to style your HTML elements. Some common methods in CSS used to create responsive web designs are: 1. Writing [media queries](https://guide.freecodecamp.org/css/media-queries)