Responsive Design: When working with responsive media queries, which property is used to specify the screen size at which specific styles should be applied?(a) max-width (b) min-width (c) screen-size (not a valid property) (d) Both max-width and min-width

Which media query is used to target devices with a maximum width of 768 pixels?Question 3Answera.@media (max-width: 768px)b.@media (min-width: 768px)c.@media (max-device-width: 768px)d.@media (min-device-width: 768px)

What is the purpose of the CSS property max-width in responsive design?0.5 MarksDefines the maximum width of an elementSets the maximum font size for textDetermines the maximum height of imagesLimits the number of media queries

In the following media query example, what conditions are being targeted?@media (min-width: 1024px), screen and (orientation: landscape) { … }AThe rule will apply to a device that has either a width of 1024px or wider, or is a screen device in landscape mode.BThe rule will apply to a device that has a width of 1024px or narrower and is a screen device in landscape mode.CThe rule will apply to a device that has a width of 1024px or wider and is a screen device in landscape mode.DThe rule will apply to a device that has a width of 1024px or narrower, or is a screen device in landscape mode

All of the following are key design principles of responsive web design except:Question 6Answera.flexible grid-based layouts.b.coding by convention.c.flexible images and media.d.media queries

In CSS, which property is used to make sure a given element has a width of at least a set value?Choose the correct optionmin-widthminimum-width