HTML Accordion

HTML <div class=”wrapper”> <details> <summary>Click me to see more details</summary> Lorem ipsum dolor sit amet consectetur adipisicing elit. </details> </div> CSS .wrapper { display: flex; justify-content: center; padding: 30px; } details { max-width: 100%; width: 100%; } summary { background-color: #191a1d; cursor: pointer; margin-bottom: 15px; padding: 15px; } Result Click me to see more details…

Meter

HTML Low Medium High CSS label { display: block; margin-top: 15px; } meter { width: 300px; height: 20px; } Result Low Medium High