Responsive Web Design

• Building websites that accomodates (positively reactive)all types of devices and screens including desktops and mobiles.

Flexible Layouts

• a layout that can flexibly be resized according the screen size.

Media Queries

• an extension to media types commonly found when targeting and including styles. Media queries provide the ability to specify different styles for individual browser and device circumstances.

• Logical operators can be used in media queries, along with different properties.

Mobile First

• One popular technique with using media queries.

• The mobile first approach includes using styles targeted at smaller viewports as the default styles for a website, then use media queries to add styles as the viewport grows

Viewport

• the port where the website is viewed/shown
• can be controlled/set using different properties

Flexible Media

• flexible media is used so that the viewport is resized that media, including photos/videos are resized as well.

Float

• it is a CSS property used for positioning html elements within the containing box, the element.
• takes the values (left, righ, none, inherit)