Positioning elements inside flex items?

Working on the product landing page project, and I am having issues with centering the elements within the child flex item. I was looking to center the list and images within each of their flex items. (p.s. I know the code is horrendous, looking to buffer up after solving this)

Also any tips/pointers on positioning elements with flex and grid?

Hi there. I’ve made a few amendments to your codepen and think i’ve achieved what you were after. Hope this helps: https://codepen.io/davemullenjnr/pen/xxRPYZK

1 Like

I found css tricks article useful for flex.

1 Like