I am new to React, CSS and HTML and found it difficult to build this simple vertical list to display cards. My background is in iOS development, and the primary library (UIKit) has built-in components that solve these particular UI-related problems, i.e., ScrollView.

Out of frustration I posted on r/reactjs asking for help because I couldn’t easily find a solution on Google. After some more time spent on Google, I began to draw connections between flexbox and the layout system in iOS and solved the problem! I summarized my approach in tutorial form below.

#reactjs