NEW
Font size
WorksheetsMobile-First Design Quiz
Total questions: 10
Worksheet time: 3mins
MODIFIED TRUE OR FALSE:
Mobile-First Design means that we should NOT define our CSS for the smallest viewport size.
TRUE
FALSE, first define
FALSE, should define
MODIFIED TRUE OR FALSE:
Mobile-First Design is the best strategy to create a responsive design.
TRUE
FALSE, one of the best strategy
FALSE, worst strategy
MODIFIED TRUE OR FALSE:
According to the research made by Global Digital in 2017, almost 2/4ths of the world population own a mobile device.
TRUE
FALSE, 1/3rds
FALSE, 2/3rds
MODIFIED TRUE OR FALSE:
Mobile Design means design- first.
TRUE
FALSE, content-first
FALSE, design-focused
MODIFIED TRUE OR FALSE:
RWD requires a developer to have a proper mindset at all times.
TRUE
FALSE, does not require
FALSE, proper mindset sometimes
MODIFIED TRUE OR FALSE:
Extra small devices don't need media queries because the default CSS should apply for those devices.
TRUE
FALSE, need
FALSE, large devices
MODIFIED TRUE OR FALSE:
Besides breakpoints, you can also use landscape mode to change the design of content.
TRUE
FALSE, CSS
FALSE, media queries
MODIFIED TRUE OR FALSE:
When you tilt your screen to landscape mode, the viewing area will be smaller.
TRUE
FALSE, bigger
FALSE, will shrink
MODIFIED TRUE OR FALSE:
Orientation is the difference between landscape and portrait modes.
TRUE
FALSE, similarities
FALSE, landscape and seascape modes.
MODIFIED TRUE OR FALSE:
In designing a mobile- first website, always remember to set the minimum height and width of 43px on the button's CSS.
TRUE
FALSE, 47px
FALSE, 49px
FALSE, 48px
FALSE, 50px
