Programming MCQ

Q: The viewport meta tag is required because without it:

Correct answer: Mobile browsers render pages at fake desktop width. The viewport tag makes mobile browsers use the real device width for responsive layouts.

Q: 'Mobile-first' CSS means:

Correct answer: Writing base styles for small screens and enhancing with min-width queries. Mobile-first defaults keep the smallest screens working and layers desktop styles on top.

Q: The professional division of layout labour is:

Correct answer: Grid for page structure, Flexbox for components. Grid commands two dimensions; Flexbox excels along one axis inside components.

Q: grid-template-areas offers:

Correct answer: Named regions making layout readable and rearrangeable. Layout-as-words is Grid's most maintainable feature.

Q: grid-column: 1 / -1 makes an element:

Correct answer: Span the full grid width. From first to last line — the full-width stretch.

HTML, CSS, JavaScript, PHP and MySQL programming questions.

Q11. The viewport meta tag is required because without it: Medium

Permalink →

Q12. 'Mobile-first' CSS means: Medium

Permalink →

Q13. The professional division of layout labour is: Medium

Permalink →

Q14. grid-template-areas offers: Medium

Permalink →

Q15. grid-column: 1 / -1 makes an element: Medium

Permalink →

Q16. Animating with transform instead of width/margin: Medium

Permalink →

Q17. Micro-interactions feel right at roughly: Medium

Permalink →

Q18. prefers-reduced-motion exists to: Medium

Permalink →

Q19. The recommended default keyword for declaring variables is: Medium

Permalink →

Q20. What does `Hello ${name}` demonstrate? Medium

Permalink →

🎯 Want a real test?

Take a timed quiz on this topic and see your rank on the leaderboard.

Browse Quizzes