How to create a CSS Grid layout with named grid areas
· HTML & CSS
Learn how to use CSS Grid template areas to create readable, maintainable two-dimensional page layouts.
Category: HTML & CSS
60 questions in HTML & CSS.
What is CSS Flexbox and when should you use it?
· HTML & CSS
Learn the core concepts of CSS Flexbox, its main axis and cross axis, and the layout problems it solves best.
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.
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.