Change product listing to look more classy

[dvidsilva]

Currently the product lists, blog pages, and other links list are taking too much space while looking kinda generic

Let's change the product page to look a bit more classy like the examples attached

Template: https://websitedemos.net/skin-cleanser-store-02/?customize=template

template: https://www.squarespace.com/templates/hester-fluid-demo?_gl=1*1ahuo2d*_up*MQ..*_gs*MQ..&gclid=Cj0KCQiA1p28BhCBARIsADP9HrPn0jczmxl7VTKkMEM62p9WuhEDBv5_DofS3QVLIlc8g0fyQxR-rx0aAuwvEALw_wcB&gclsrc=aw.ds

Some of the elements we want to capture are font size, spacing, perhaps find a better font, borders, corners

Expectation

The product listing should be responsive,

The index page displays a few recent products, and a button to see all products

The /products page displays all the products

If only one product exists it takes all the width

in very small screens every product takes all the width

in smaller screens the products are two columns

in desktop there can be more columns if it looks well

optionally, the product thumbnail could be a carrousel to see more pictures

optionally, include more data from the JSON response in the display, like price range, or request new information to be added in the API

make the changes on the existing css for light and dark

[prorene]

Please provide a current update and share your feedback.
Is it okay with you if I update it like this?

[prorene]

I think we should update our logo.

[dvidsilva]

@prorene oh nice, I like the way is centered and the columns