Flex property justify-content: flex-start not working in unordered list (ul)

Asked Mar 13 '19 at 17:22

Active Mar 13 '19 at 17:46

Viewed 127 times

Why won't the items justify-content: flex-start within the ul? Please help! https://findmyreleaseliner.vfideacenter.com/product-category/medical/

#left-area ul.products {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}

edited Mar 13 '19 at 17:46

Michael Benjamin

asked Mar 13 '19 at 17:22

MjpDesigner

Please add enough code to reproduce the problem. – Michael Benjamin Mar 13 '19 at 17:46
Notice that `li.product-category.product` has `auto` margins applied. Details here: https://stackoverflow.com/q/32551291/3597276 – Michael Benjamin Mar 13 '19 at 17:47
1

Great eye Michael you saved the day! – MjpDesigner Mar 13 '19 at 19:06
You can remove `float: left:` from the `li` elements too. I was going to point out margin but @Michael_B beat me to it ;) – BugsArePeopleToo Mar 13 '19 at 20:15

0 Answers0