E-commerce Product List
This is an example of an E-commerce product list, designed using CSS, HTML, and Bootstrap framework 4. The font style and product images have been imported to the code with their URLs. 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 prices, in an orderly manner. The body of the form is given a background color of #f4f7f6. The product image is given a transform style as translate(-50%), and a transition style of all 0.2s ease-in-out. The product image moves -40px to the top and takes a box-shadow style of 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22), in a hover event. The new price of the product is displayed with a font color of #ff4136. The product name is displayed with a size of 15px. The media quarries have been used to increase the responsiveness of the form.