1. Brand
  2. Price
  3. Title
<div class=”content”><ul class=”products”><li><div class=”product”><imgsrc=”image.jpg”alt=”Product”class=”product-image”/><div class=”product-name”><a href=”product”> Lettuce</a></div><div class=”product-brand”>Brand</div><div class=”product-price”>$Price</div><div class=”product-rating”>4.5 stars (10 Reviews)</div></div></li></div>
.products {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.product {
display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.products li {
list-style: none;padding: 0;flex: 0 1 34rem;margin: 1rem;height: 35rem;border-bottom: .1rem solid Insert Your Color;}.product-image {max-width: 34rem;max-height: 34rem;}.product-name {font-size: 2rem;font-weight: bold;}.product-name a {text-decoration: none;color: Insert Your Color;}.product-name a:hover {color: Insert Your Color;transition: all 0.5s ease;}.product-brand {font-size: 1.2rem;color: Insert Your Color;}.product-price {font-size: 2rem;font-weight: bold;}.product-rating {margin-bottom: 1rem;}

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store