Responsive Web Design

Auto audio on: the next questions will be read aloud when you click Continue.

1. 1

   What is the main purpose of responsive web design?

   A To create animations for websites B To ensure web content looks good on all devices C To make web pages load faster
2. 2

   Which of the following is a commonly used unit for responsive web design?

   A Pixels (px) B Centimeters (cm) C Percentage (%)
3. 3

   What does the 'viewport' meta tag in HTML help with?

   A Setting the page's character encoding B Controlling the page's layout on mobile browsers C Linking to CSS files
4. 4

   Which CSS technique can be used to create a flexible layout?

   A Flexbox B Fixed layout C Inline styling
5. 5

   In media queries, what does the 'max-width' property define?

   A The maximum height of the viewport B The minimum width of an element C The maximum width of the viewport to apply the styles
6. 6

   What is a breakpoint in responsive web design?

   A A point at which webpage layout changes to suit different devices B A point at which a website stops loading C A point at which animations are triggered
7. 7

   Which CSS framework is widely used for building responsive websites?

   A Django B Bootstrap C React
8. 8

   What is the purpose of using 'media queries' in CSS?

   A To target different screen sizes and devices B To style the header of a webpage C To animate transitions
9. 9

   Which HTML attribute specifies an image to use if the original image is not supported?

   A alt B srcset C placeholder
10. 10

    What is a 'fluid grid' in responsive design?

    A A grid layout that changes size depending on the screen resolution B A static design for mobile screens only C A grid layout that uses only fixed-length units