Какие есть значения display и чем отличаются?

block — занимает всю ширину, начинается с новой строки (div, p, h1). inline — занимает только свой контент, не реагирует на width/height (span, a). inline-block — как inline, но можно задать размеры. flex — одномерная раскладка (строка или столбец). grid — двумерная раскладка (строки и столбцы). none — элемент полностью убирается из DOM (не занимает место). contents — элемент исчезает, но дети остаются в потоке.