E commerce category filter sidebar
This is another example of an E-commerce category filter sidebar, designed using CSS, HTML, and Bootstrap framework 4. The font styles are imported to the code with the URL. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display the list items of the categories, in an orderly manner. The body of the form is given the styles of background-color as #eeeeee, font-family as 'Open Sans', serif, and font-size as 14px. The filter group is given a border-bottom style as 1px solid #e4e4e4. The category card is given the styles of position as relative, display as flex to automatically rearrange the content according to the container, flex-direction as column, word-wrap as break-word to allow long words to be able to break and wrap onto the next line, background-color as #fff, background-clip as border-box, border as 1px solid rgba(0, 0, 0, 0.1), and border-radius as 0.37rem. The list items are displayed in a font color of #343a40. The checkboxes take a fill effect of #3167eb, in the active mode. The size buttons take the styles of background-color as #fff, and border-color as #989898, in a hover event.