From 58b3a058a42efb917642d13a9c00ae9343887b84 Mon Sep 17 00:00:00 2001 From: androiddrew Date: Wed, 13 Sep 2017 11:54:17 -0400 Subject: [PATCH] Updated README format --- README.md | 50 +++++++++++++++++++++++++------------------------- 1 file changed, 25 insertions(+), 25 deletions(-) diff --git a/README.md b/README.md index c6832c0..0539d57 100644 --- a/README.md +++ b/README.md @@ -3,41 +3,41 @@ Topic: `` Description: - The x-ua-compatible tag allows you to chose what version of - Intenet Explorer the page should be rendered as. This has changed in - modern browsers, so if you are not targeting IE 9 or 8 you can consider - removing this all together. Foundation has this because it supports older - browsers which is why it is included. +The x-ua-compatible tag allows you to chose what version of +Intenet Explorer the page should be rendered as. This has changed in +modern browsers, so if you are not targeting IE 9 or 8 you can consider +removing this all together. Foundation has this because it supports older +browsers which is why it is included. - If you are using this tag you want it to be at the top of your head. +If you are using this tag you want it to be at the top of your head. Topic: `` Description: - YOU SHOULD ALWAYS INCLUDE THIS! +YOU SHOULD ALWAYS INCLUDE THIS! - This ultimately sets us up so that our users do not have to scroll horizontally - to view content. It is a big part of responsive design, and the user experience - on a site. +This ultimately sets us up so that our users do not have to scroll horizontally +to view content. It is a big part of responsive design, and the user experience +on a site. - The viewport is the user's visible area of a web page. This of course changes - with the device, for example it will be smaller on a mobile device. So in HTML5 - The meta tag received supoort for tracking the viewport. +The viewport is the user's visible area of a web page. This of course changes +with the device, for example it will be smaller on a mobile device. So in HTML5 +The meta tag received supoort for tracking the viewport. - This tag gives the browser instructions on how to control the page dimensions - and scaling. +This tag gives the browser instructions on how to control the page dimensions +and scaling. - The `width=device-width` part sets the width of the page to follow the screen - width of the device +The `width=device-width` part sets the width of the page to follow the screen +width of the device - The `initial-scale=1.0` part sets the initial zoom level when the page is first - loaded by the browser +The `initial-scale=1.0` part sets the initial zoom level when the page is first +loaded by the browser - THINGS TO REMEMBER: +THINGS TO REMEMBER: - Do NOT use large fixed width elements - DO NOT let content rely on a particular viewport width to render well - DO use CSS Media queries to apply different styling for small and large screens - -you still shouldn't be using fixed widths. consider using relative widths - such as `width: 100%` +Do NOT use large fixed width elements +DO NOT let content rely on a particular viewport width to render well +DO use CSS Media queries to apply different styling for small and large screens +-you still shouldn't be using fixed widths. consider using relative widths +such as `width: 100%`