I am working on the academy course and retrieving repeat data. First I notice Joyce uses the card element which no longer exists… correct? So I used a div element and filled it with text items and an image. When I bind the results of the rest API call I get the below… some items wrap the text and therefore end up taller, there are shorter items in the same row. Whereas in the academy demo that Joyce showed (second image) items line up with white spaces under the shorter items to match the taller items. What do I need to change to achieve row height alignment like the demo from Joyce. Should I be using something other than div to replace the card element which is no longer available or am I missing some styling setting? Ta
My demo on top - shorter and taller items not lining up
Joyce demo on bottom - all items in row lining up with white spaces under the shorter items:
