Q11easyWhat is the purpose of a CSS Media Query?ATo define the fonts used in the document.BTo play video files in the browser.CTo hide elements from search engines.DTo apply different styles based on the device's screen size or orientation (e.g., mobile vs. desktop).Check AnswerReveal Answer & ExplanationDiscuss on Board
Q12easyWhy use rem units instead of px for font-sizes?Apx is depreciated in HTML5.Brem is only for mobile.Crem is relative to the root element's font size, making the UI accessible if the user changes their browser settings.Drem is always larger.Check AnswerReveal Answer & ExplanationDiscuss on Board
Q13mediumA developer wants to center a div horizontally on the screen using margin. What CSS is correct?Amargin: center;Bmargin: 100%;Cmargin: 0 auto;Dmargin-left: 50%;Check AnswerReveal Answer & ExplanationDiscuss on Board
Q14mediumHow do you hide an element visually while ensuring it remains visible to screen readers (for accessibility)?AUsing a "visually-hidden" CSS class (clip-path/off-screen).Bopacity: 0;Cdisplay: none;Dvisibility: hidden;Check AnswerReveal Answer & ExplanationDiscuss on Board
Q15mediumYou want to position a child element at the bottom-right corner of its container regardless of content length. Which positioning strategy is correct?AParent: static, Child: absoluteBParent: fixed, Child: relativeCParent: relative, Child: absoluteDParent: absolute, Child: fixedCheck AnswerReveal Answer & ExplanationDiscuss on Board