Questions

CSS questions

Choose a question page, learn the concept, then test your understanding with a quiz.

Using Sass Variables Inside CSS calc()

Learn how to use Sass variables inside CSS calc() correctly, including interpolation, examples, pitfalls, and real-world usage.

csssasscss-calc

Valid CSS Class Names and Selectors: Allowed Characters in CSS

Learn which characters are valid in CSS class names and selectors, how escaping works, and how to write safe, practical CSS names.

csscss-selectors

Vertical Alignment in Bootstrap 3: Why `vertical-align` Doesn’t Work and What to Use Instead

Learn why `vertical-align` fails in Bootstrap 3 grid columns and how to vertically align elements using reliable CSS alternatives.

csshtmltwitter-bootstraptwitter-bootstrap-3

Vertically Center Text in a Div with CSS Flexbox

Learn how to vertically center text in a CSS div using Flexbox, Grid, and line-height, with examples, pitfalls, and practical patterns.

csshtmlvertical-alignment

Vertically Center Text in a Div with CSS Flexbox

Learn how to vertically center text and inline content in a div using CSS Flexbox, line-height, and vertical-align with practical examples.

cssvertical-alignment

Vertically Center a Div with CSS, Including IE6

Learn reliable CSS techniques for vertically centering a div, including a legacy-compatible absolute-positioning method for Internet Explorer 6.

csshtmlalignmentvertical-alignment

What the CSS `~` General Sibling Selector Means

Learn what the CSS `~` selector means, how the general sibling combinator works, and when to use it with clear examples.

csscss-selectors

When to Use HTML img vs CSS background-image

Learn when to use HTML img or CSS background-image, including accessibility, responsive images, SEO, layout, and real-world examples.

csshtmlimagebackground-image

Why Flexbox Has No justify-self or justify-items in CSS

Learn why Flexbox does not use justify-self or justify-items, how axis alignment works, and what to use instead in real CSS layouts.

cssflexboxlanguage-lawyer

visibility:hidden vs display:none in CSS Explained

Learn the difference between visibility:hidden and display:none in CSS, including layout behavior, examples, mistakes, and real-world usage.

cssvisibility

Page 6 of 6 - 110 questions