layout info:
<Container>
<div className={commonStyles.col2} style={{ background: "blue" }}>
<p>Contents of first col</p>
</div>
<div className={commonStyles.col3} style={{ background: "red" }}>
<p>Contents of second col</p>
</div>
<div className={commonStyles.col1} style={{ background: "green" }}>
<p>Contents of third col</p>
</div>
<div className={commonStyles.col5} style={{ background: "purple" }}>
<p>Contents of fourth col</p>
</div>
<div className={commonStyles.col6} style={{ background: "orange" }}>
<p>Contents of fifth col</p>
</div>
</Container>
todo:
- correct layout ???
- correct scroll styles
- make scroll adaptive