showcar-ui/src/06-components/molecules/expandable-box/docs/expandable-box-adaptive.md

Showcar-ui is the pattern library that is used to build the frontend of AutoScout24. It provides CSS classes, custom elements and components.

<h2>Expandable box adaptive<span class="status approved">Approved</span></h2>

The adaptive version of the expandable box is opened on devices with 768px screen width and higher. On smaller devices it has a clickable arrow to expand the box.

Expandable boxes are CSS-only implementations. Thus, you have to follow the markup structure. In other words, it is important to keep the class structure like it is shown in the examples.  
Note: You can spot H3 and H5 tags being used here. You can use any element according to the requirements as long as you have `.sc-expandable-box__title` class in place.