Positioning elements inside flex items?

HTML-CSS
1

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)
https://codepen.io/devynqualls/pen/yLVoNRO

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

2

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
3

I found css tricks article useful for flex.

1 Like
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.