zetareticoli / cssui

A collection of interactive UI components in pure CSS

Home Page:https://www.cssui.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Documentation] [Bug] h2 headings too big

meesvandongen opened this issue · comments

The headings of the docs are too big, preventing clicking the 4th accordion item on mobile.

Here a screenshot:
image

This is due to a :before element, which has

height: 6rem;
margin-top: -6rem;

which is a bit on the generous side perhaps.

Note that this issue only applies to the div (whitespace) surrounding the label inside the 4th accordion item; the label itself (and everything inside) is still clickable and will open/close the accordion.

Also note the existence of scroll margin top which may be a better way to do what the code aims to do.