Simple Website - Responsive Design

Question 1

Responsive Web Design

Answer 1

A technique for creating websites that work on multiple screen resolutions via the combination of fluid images, fluid grids, and media queries.

Question 2

Breakpoints

Answer 2

The specific screen widths where a responsive layout “breaks” and needs to change in order to accommodate the screen.

Question 3

Cross-Browser

Answer 3

The idea of a website or app working on most popular browsers. Typically during the development of a website, cross-browser testing is conducted to help create a consistent experience regardless of the user’s choice of web browser.

Question 4

@media

Answer 4

Media queries use the @media CSS rule to define conditions of the browser medium. In other words, it allows for CSS styling to only be included if certain conditions are met, such as a specific browser width.