How to build a responsive navigation bar with Flexbox
· HTML & CSS
Step-by-step guide to creating a clean, responsive navigation bar using CSS Flexbox and a mobile-friendly hamburger menu.
Category: HTML & CSS
68 questions in HTML & CSS.
What is the difference between em and rem units in CSS?
· HTML & CSS
Understand the practical differences between em and rem, how compounding affects layouts, and when to choose each unit.
How does CSS inheritance and the cascade work?
· HTML & CSS
Learn the difference between inheritance and the cascade, how browsers resolve conflicting styles, and how to control both behaviors.
What are relative, absolute, and fixed CSS units?
· HTML & CSS
Compare absolute units like px with relative units like em, rem, vw, and vh, and learn when to use each for responsive design.
How to use CSS selectors efficiently
· HTML & CSS
Master CSS selectors including attribute selectors, pseudo-classes, combinators, and best practices for maintainable stylesheets.
What is the CSS box model and how do margin, border, padding, and content interact?
· HTML & CSS
Understand the CSS box model, the difference between content-box and border-box, and how each layer affects element sizing.
How to center a div horizontally and vertically in CSS
· HTML & CSS
Explore modern and legacy techniques to center a div both horizontally and vertically using Flexbox, Grid, and absolute positioning.
What is CSS specificity and how is it calculated?
· HTML & CSS
Learn how CSS specificity determines which styles apply when multiple rules target the same element, and how to calculate it.
How to build a responsive HTML table that works on mobile
· HTML & CSS
Learn strategies to make HTML tables readable on small screens using CSS overflow, stacked layouts, and data labels.
What is the difference between inline, block, and inline-block elements?
· HTML & CSS
Understand how inline, block, and inline-block display values affect layout, sizing, and spacing in CSS.