Issue with list view not showing proerly is resolved.
Reason: contents were taking complete height available within the container.
Thus evenly distributing the items.
Moreover, .list css class was having property align-items: center which was making the items center aligned vertically instead of starting from the flex-start. Ref
Similarly, for .grid class, it was having justify-content: center. Ref
Issue with list view not showing proerly is resolved.
Reason: contents were taking complete height available within the container. Thus evenly distributing the items.
Moreover,
.list
css class was having propertyalign-items: center
which was making the items center aligned vertically instead of starting from theflex-start
. RefSimilarly, for
.grid
class, it was havingjustify-content: center
. Ref