How to create a responsive accordion with html and css
How to create a responsive accordion with html and css Accordions are useful when you want to toggle between hiding and showing large amount of content. We will create accordion with very simple and easy way. Here is the code <! DOCTYPE html > < html > < head > < style > button.accordion { background-color : #cb4d4d; color : #fff; cursor : pointer; padding : 18px ; width : 100% ; border : none; text-align : left; outline : none; font-size : 15px ; transition : 0.4s ; } button.accordion.active , button.accordion:hover { background-color : #7d1e1e; } button.accordion:after { /* Unicode character for "plus" sign (+) is '\02795' */ content : '\02795' ; font-size : 13px ; color : #777; float : right; margin-left : 5px ; } button.accordion.active:after { /* Unicode character for "minus" sign (-) is '\2796' */ content : &qu