FinallyReact's grid system can be used by importing the Row and Column components. It works with percent based inputs that determine how content should be presented on different screen sizes.
You can start by using the Row component to specify rows on your page, then as many Column components as needed within. Each Column component has props for xs (extra small), sm (small), md (medium), lg (large), xl (extra large) and xxl (extra extra large). Each takes a number between 0 and 100, representing the percentage of the row that the column occupies when the screen is that size.
For example, this would be one row with one column that takes up 100% of the row:
In that scenario, the percent defined for xs will apply to all sizes larger. If you add a percentage for a larger size, than that'll apply to that size or larger.
In the below example, each column will be 100% of the Row when the screen is xs or sm and 50% of the Row when the screen is md, lg, xl, or xxl.