Responsive - Day 8

To ensure a site's pages render as expected by the target audience, regardless of the device used to access them, which design model should be followed?

• Dual platform design
• HTML Transitional 1.0 design
• Responsive Web Design
• Cascadingd Style Sheet design

Did you enjoy your HTML, CSS, JS, PHP classes?

Using Responsive Web Design (RWD) ensures that site will display correctly in all desktop browsers and mobile devices.
You used a grid-based layout and resize-able images, which is another RWD technique that you can use in responsive design?

• Use relative units, such as percentages, for positioning page elements
• Use standard page structure elements, including <header>, <footer> and <article>,  because older devices will display content in the structure elements correctly
• Use static pixels for all content positioning 
• Use smaller fonts for all body text, to ensure it will appear correctly on smaller screens

________ positioning keeps the element in the normal document flow, while ________ positioning takes it out of the normal flow.

• relative, absolute
• absolute, relative
• fixed, static
• parallel, universal

It uses the @media rule to include a block of CSS properties only if a certain condition is true.?

• False

• True

Which of the following ways is correct to Set the media query ?

• @media only screen and (min-width: 768px){}

• @media on (min-width: 768px){}

• None of the above

We can add a breakpoint where certain parts of the design will behave differently on ______________.?

• The Text is shown normal.

• each side of the breakpoint.

• None of the above

Media queries can also be used to change layout of a page depending on the ______?

• orientation of the browser.

• Size

• None of the above

Which of the following is the correct form to create a col with media query?

• .col-1 {width: 8.33%;}

• flex-wrap: no-wrap;

• None of the above

Which of the following bootstrap style is used to add standard links to .navbar?

• - .navbar-link

• - .link

• - .form-link

• None of the above.