Take a product grid from an ecommerce website and recreate it. Try not to look at their code and instead think about how you would build it. Make any improvements to the design and structure you think are necessary.
I chose to rebuild the Etsy product grid.
- Develop a custom grid system
- Install Pattern Lab
- Create atoms
- Create molecules
- Create organisms
- Create templates
- Create pages
- Launch styleguide
- The custom grid system uses eq.js for element queries instead of relying on media queries.